{"id":23836,"date":"2024-02-15T14:53:34","date_gmt":"2024-02-15T22:53:34","guid":{"rendered":"https:\/\/docs.extraview.com\/v25\/book\/html-area-utility-3\/"},"modified":"2025-02-27T08:29:53","modified_gmt":"2025-02-27T16:29:53","slug":"html-area-utility-3","status":"publish","type":"page","link":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/","title":{"rendered":"The HTML Area Utility"},"content":{"rendered":"<p>The HTML Area is available to as a rich text editor for HTML, allowing you to enter rich text or HTML without knowing the HTML language. It offers many features similar to a word processor, but it is not a full word processor, due to the limitations of Internet browsers.\u00a0 Advanced users may switch to edit HTML directly.\u00a0 HTML Area fields may contain images which are pasted into the field from the user&#8217;s clipboard.\u00a0 Likewise, entire files may be embedded.\u00a0 Embedded files are represented by an icon, once they have been placed within the field.<\/p>\n<p>As you enter text \/ images into an HTML Area field, it will grow in height to allow you to see as much of the information as possible, to a maximum height which is set to be a little less than most screens.<\/p>\n<p>As set by your administrator, one of three available toolbars will be displayed, or you may customize a toolbar solely for your company&#8217;s use.\u00a0 The built-in toolbars are shown in the following screenshots.\u00a0 Your administrator may have configured the toolbar with a different set of buttons for your site.\u00a0 The HTML Area utility makes use of scripts that run within the browser, and according to the security settings of the browser, you may need to acknowledge that it is OK to run these scripts.\u00a0 If you are using a mobile client, only the basic toolbar is initialized, to conserve space on the screen.<\/p>\n<h3>Images and Embedded Files<\/h3>\n<p>There are several methods of including images and files within your HTML Area fields:<\/p>\n<ul>\n<li>Paste an image into the field from your computer clipboard.\u00a0 Simply place the cursor at the point where you want the image to be included, right-click with your mouse and choose the paste option.\u00a0 Ctrl-V accomplishes the same action.\u00a0 Depending on your browser settings you may see a popup window and be asked to paste the image again.\u00a0 You will see a message that the image has been uploaded, and the image will appear within the field<\/li>\n<li>You can include an image that resides on any server by knowing the URL path to the image.\u00a0 In this case, use the <img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/evlink.png\" \/> button on the toolbar and enter the URL of the image.\u00a0 You will see the image at the point where you inserted it in the field<\/li>\n<li>There is a behavior setting named MAX_EMBEDDED_IMAGE_WIDTH that can be used to resize large images to a more reasonable size when they are displayed on <em>add<\/em>, <em>edit<\/em> screens and reports.\u00a0 This aids the usability of these screens so that users do not need to scroll horizontally to view the images when they are embedded on these screens.\u00a0 The images within the database are stored exactly as they were uploaded and are not resized<\/li>\n<li>You can copy a document type file, such as a word processing or spreadsheet file from the computer clipboard into the field.\u00a0 When pasted, you will see an icon as a placeholder within the field.\u00a0 When viewing the issue, you can click on the icon to download and view the file.<\/li>\n<\/ul>\n<p><strong>IE 11 Note:<\/strong> There are known issues with embedding document files in an HTML Area field when using the Microsoft Internet Explorer version 11 browser.\u00a0 Dragging-and-dropping or copying and pasting a file (directly from the file system) is often unreliable.\u00a0 This is a problem within the Microsoft browser software which ExtraView cannot work around.\u00a0 The most reliable way to use the feature is as follows, although it may also fail on occasion:<\/p>\n<ul>\n<li>Click within the HTML Area field within the browser window so that the cursor appears at the location where you want to embed the document<\/li>\n<li>Select the file within a Windows Explorer window and drag it into the HTML Area field<\/li>\n<li>You should see the document appear within the HTML Area field and see the message\u00a0<strong>File Successfully Upoaded.<\/strong><\/li>\n<\/ul>\n<h3>Basic Toolbar<\/h3>\n<p><img decoding=\"async\" style=\"width: 90%;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/html_area_basic_toolbar.png\" \/><\/p>\n<h3>Standard Toolbar<\/h3>\n<p><img decoding=\"async\" style=\"width: 90%;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/html_area_standard_toolbar.png\" \/><\/p>\n<h3>Full Toolbar<\/h3>\n<p><img decoding=\"async\" style=\"width: 90%;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/html_area_full_toolbar.png\" \/><\/p>\n<p>The use of the HTML Area field is intuitive.\u00a0 Just enter text and use the buttons on the toolbar to provide the formatting.<\/p>\n<p>Note that there are some limitations when entering and updating text within the utility.\u00a0 A key limitation is that you cannot click on a link when the field is being updated.\u00a0 This functionality only works when the field is in read-only mode.<\/p>\n<p>The available toolbar buttons are:<\/p>\n<table style=\"width: 95%;\" border=\"1\" cellspacing=\"1\" cellpadding=\"1\">\n<thead>\n<tr>\n<th style=\"text-align: center;\" scope=\"col\">Basic<\/th>\n<th style=\"text-align: center;\" scope=\"col\">Standard<\/th>\n<th style=\"text-align: center;\" scope=\"col\">Full<\/th>\n<th style=\"text-align: center;\" scope=\"col\">Button<\/th>\n<th style=\"text-align: left;\" scope=\"col\">Function<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/bold.png\" \/><\/td>\n<td>Toggle bold on and off for the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/italic.png\" \/><\/td>\n<td>Toggle italic text on and off for the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/underline.png\" \/><\/td>\n<td>Toggle underlined text on and off for the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/removeformat.png\" \/><\/td>\n<td>Remove text formatting from the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/numberedlist.png\" \/><\/td>\n<td>Toggle a numbered list for the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/bulletedlist.png\" \/><\/td>\n<td>Toggle a bulleted list for the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/link.png\" \/><\/td>\n<td>Add a link to the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/unlink.png\" \/><\/td>\n<td>Remove the link from the selected text<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/print.png\" \/><\/td>\n<td>Print the contents of the HTML Area<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/toggle_source.png\" \/><\/td>\n<td>Toggle the display mode between &#8220;what-you-see-is-what-you-get&#8221; and HTML source views<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/cut.png\" \/><\/td>\n<td>Cut the selected text to the clipboard<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/copy.png\" \/><\/td>\n<td>Copy the selected text to the clipboard<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/paste.png\" \/><\/td>\n<td>Paste the text from the clipboard to the cursor position<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/pastetext.png\" \/><\/td>\n<td>Paste the text, as plain unformatted text, from the clipboard to the cursor position<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/pastefromword.png\" \/><\/td>\n<td>Paste text from Microsoft Office documents &#8211; this will remove the obscure formatting that Microsoft Office documents often contain<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/undo.png\" \/><\/td>\n<td>Undo the last operation<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/redo.png\" \/><\/td>\n<td>Redo the last operation that was undone<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/styles.png\" \/><\/td>\n<td>Use a style from the list.\u00a0 Note that there are interdependencies with the Style, Format, Font and Size lists.\u00a0 Not all combinations work with all computers, as your browser, or computer operating system may not support the combination you choose<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/format.png\" \/><\/td>\n<td>Format the text from the selections within the list.\u00a0 Note that there are interdependencies with the Style, Format, Font and Size lists.\u00a0 Not all combinations work with all computers, as your browser, or computer operating system may not support the combination you choose<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/font.png\" \/><\/td>\n<td>Select a font from the selections within the list.\u00a0 Note that there are interdependencies with the Style, Format, Font and Size lists.\u00a0 Not all combinations work with all computers, as your browser, or computer operating system may not support the combination you choose<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/font_size.png\" \/><\/td>\n<td>Set a size for\u00a0the text from the selections within the list.\u00a0 Note that there are interdependencies with the Style, Format, Font and Size lists.\u00a0 Not all combinations work with all computers, as your browser, or computer operating system may not support the combination you choose<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/textcolor.png\" \/><\/td>\n<td>Set a color for the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/bgcolor.png\" \/><\/td>\n<td>Set a background color for the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/maximize.png\" \/><\/td>\n<td>Maximize \/ Restore the size of the HTML Area within the browser<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/strike.png\" \/><\/td>\n<td>Strikeout the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/subscript.png\" \/><\/td>\n<td>Subscript the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/superscript.png\" \/><\/td>\n<td>Superscript the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/outdent.png\" \/><\/td>\n<td>Outdent the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/indent.png\" \/><\/td>\n<td>Indent the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/blockquote.png\" \/><\/td>\n<td>Place the selected text in blockquotes<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/creatediv.png\" \/><\/td>\n<td>Place the selected text in an HTML DIV<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/justifyleft.png\" \/><\/td>\n<td>Left-justify the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/justifycenter.png\" \/><\/td>\n<td>Center-justify the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/justifyright.png\" \/><\/td>\n<td>Right-justify the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/justifyblock.png\" \/><\/td>\n<td>Full-justify the selected text<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/anchor.png\" \/><\/td>\n<td>Insert an HTML text anchor tag<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/image.png\" \/><\/td>\n<td>Insert an image<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/table.png\" \/><\/td>\n<td>Insert a table<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/horizontalrule.png\" \/><\/td>\n<td>Insert a horizontal rule<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/smiley.png\" \/><\/td>\n<td>Insert a smiley face<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/specialchar.png\" \/><\/td>\n<td>Insert a character symbol<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/iframe.png\" \/><\/td>\n<td>Insert an HTML Iframe<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/find.png\" \/><\/td>\n<td>Search for text within the HTML Area field<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/replace.png\" \/><\/td>\n<td>Search and replace text within the HTML Area field<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/selectall.png\" \/><\/td>\n<td>Select all the text within the HTML Area field<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/bidiltr.png\" \/><\/td>\n<td>Text direction goes from left-to-right (the default)<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/bidirtl.png\" \/><\/td>\n<td>Text direction goes from right-to-left<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td style=\"text-align: center;\">\u2713<\/td>\n<td style=\"text-align: center;\"><img decoding=\"async\" style=\"border: 1px solid #bbbbbb;\" src=\"\/v25\/extraview-media\/images\/ug\/extraview_help\/pagebreak.png\" \/><\/td>\n<td>Insert a page-break for printing<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>The HTML Area is available to as a rich text editor for HTML, allowing you to enter rich text or HTML without knowing the HTML language. It offers many features similar to a word processor, but it is not a full word processor, due to the limitations of Internet browsers.\u00a0 Advanced users may switch to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":23834,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-23836","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The HTML Area Utility - Product Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The HTML Area Utility - Product Documentation\" \/>\n<meta property=\"og:description\" content=\"The HTML Area is available to as a rich text editor for HTML, allowing you to enter rich text or HTML without knowing the HTML language. It offers many features similar to a word processor, but it is not a full word processor, due to the limitations of Internet browsers.\u00a0 Advanced users may switch to...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Product Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-27T16:29:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/\",\"url\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/\",\"name\":\"The HTML Area Utility - Product Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\"},\"datePublished\":\"2024-02-15T22:53:34+00:00\",\"dateModified\":\"2025-02-27T16:29:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ExtraView 25\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"End User Guide\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Appendices &#8211; End User Guide\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"The HTML Area Utility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"name\":\"ExtraView Product Documentation\",\"description\":\"ExtraView Documentation\",\"publisher\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\",\"name\":\"ExtraView Corporation\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"contentUrl\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"width\":512,\"height\":512,\"caption\":\"ExtraView Corporation\"},\"image\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The HTML Area Utility - Product Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/","og_locale":"en_US","og_type":"article","og_title":"The HTML Area Utility - Product Documentation","og_description":"The HTML Area is available to as a rich text editor for HTML, allowing you to enter rich text or HTML without knowing the HTML language. It offers many features similar to a word processor, but it is not a full word processor, due to the limitations of Internet browsers.\u00a0 Advanced users may switch to...","og_url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/","og_site_name":"Product Documentation","article_modified_time":"2025-02-27T16:29:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/","url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/","name":"The HTML Area Utility - Product Documentation","isPartOf":{"@id":"https:\/\/docs.extraview.com\/v25\/#website"},"datePublished":"2024-02-15T22:53:34+00:00","dateModified":"2025-02-27T16:29:53+00:00","breadcrumb":{"@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/html-area-utility-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":2,"name":"ExtraView 25","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":3,"name":"End User Guide","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/"},{"@type":"ListItem","position":4,"name":"Appendices &#8211; End User Guide","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/end-user-guide-1\/appendices-5\/"},{"@type":"ListItem","position":5,"name":"The HTML Area Utility"}]},{"@type":"WebSite","@id":"https:\/\/docs.extraview.com\/v25\/#website","url":"https:\/\/docs.extraview.com\/v25\/","name":"ExtraView Product Documentation","description":"ExtraView Documentation","publisher":{"@id":"https:\/\/docs.extraview.com\/v25\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.extraview.com\/v25\/#organization","name":"ExtraView Corporation","url":"https:\/\/docs.extraview.com\/v25\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/","url":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","contentUrl":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","width":512,"height":512,"caption":"ExtraView Corporation"},"image":{"@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"carl.koppel","author_link":"https:\/\/docs.extraview.com\/v25\/author\/carl-koppel\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/23836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/comments?post=23836"}],"version-history":[{"count":0,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/23836\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/23834"}],"wp:attachment":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/media?parent=23836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}