{"id":502,"date":"2017-10-18T13:01:21","date_gmt":"2017-10-18T17:01:21","guid":{"rendered":"http:\/\/amy.imarketbeta.com\/blog\/?page_id=502"},"modified":"2017-11-14T12:20:38","modified_gmt":"2017-11-14T20:20:38","slug":"tinymce-editor","status":"publish","type":"page","link":"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/tinymce-editor\/","title":{"rendered":"TinyMCE Editor"},"content":{"rendered":"<h1>TinyMCE Editor<\/h1>\n<p>The TinyMCE Editor is a platform independent web-based WYSIWYG (What You See Is What You Get) editor.<\/p>\n<p>This tool is automatically built into the major editable content areas of your website (<a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/content-areas\/\">top\/main subpage content<\/a> and <a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-1-introduction-to-imarket-websites\/website-components\/service-areas\/towns-pages\/\">service town page content<\/a>). It will allow you to add HTML content into your website using a more familiar word-processing interface (i.e., without code).<\/p>\n<figure id=\"attachment_981\" aria-describedby=\"caption-attachment-981\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"wp-image-981 size-full\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce.jpg\" alt=\"\" width=\"800\" height=\"288\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce.jpg 800w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-300x108.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-768x276.jpg 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><figcaption id=\"caption-attachment-981\" class=\"wp-caption-text\">TinyMCE Editor. It will be preselected by default for iMarketStaff users in major editable content areas.<\/figcaption><\/figure>\n<div>At the bottom of the text box is a resize bar. If you drag the lower right corner you can make the editor window bigger or smaller.<\/div>\n<figure id=\"attachment_982\" aria-describedby=\"caption-attachment-982\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-982\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-expand.jpg\" alt=\"\" width=\"800\" height=\"288\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-expand.jpg 800w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-expand-300x108.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/tinymce-expand-768x276.jpg 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><figcaption id=\"caption-attachment-982\" class=\"wp-caption-text\">Drag the highlighted portion to resize your text box.<\/figcaption><\/figure>\n<p><!-- table for icon list --><br \/>\n<div id='1' class='widgets_on_page wop_tiny1  wop_small1  wop_medium1  wop_large1  wop_wide1'>\n\t\t\t<ul><li id=\"text-8\" class=\"widget widget_text\"><h2 class=\"widgettitle\">TinyMCE Toolbar Icons<\/h2>\t\t\t<div class=\"textwidget\"><p>Below is an introduction to features included in the TinyMCE editor. Click the &#8220;Read More&#8221; link for more details on advanced features.<\/p>\n<table class=\"tinymce\">\n<tbody>\n<tr>\n<th>Icon<\/th>\n<th>Name<\/th>\n<th>Description<\/th>\n<th>More Details<\/th>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1011\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/undo.png\" alt=\"\" width=\"26\" height=\"23\" \/><\/td>\n<td>Undo<\/td>\n<td>Undoes the last action<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1001\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/redo.png\" alt=\"\" width=\"26\" height=\"27\" \/><\/td>\n<td>Redo<\/td>\n<td>Redoes the last performed action that was undone.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1027\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/selectall.png\" alt=\"\" width=\"29\" height=\"25\" \/><\/td>\n<td>Select All<\/td>\n<td>Selects all text in content area.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-998\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/paste.png\" alt=\"\" width=\"29\" height=\"26\" \/><\/td>\n<td>Paste as Plain Text<\/td>\n<td>Inserts the text from the clipboard at the insertion point, and removes all formatting to leave only plain text.<\/td>\n<td><a href=\"#paste\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-989\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/find.png\" alt=\"\" width=\"26\" height=\"25\" \/><\/td>\n<td>Find<\/td>\n<td>Searches the content box for specified text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-988\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/find-replace.png\" alt=\"\" width=\"32\" height=\"25\" \/><\/td>\n<td>Find and Replace<\/td>\n<td>Find the specified text and replace it with the new text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1004\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/special-character.png\" alt=\"\" width=\"27\" height=\"25\" \/><\/td>\n<td>Special Character<\/td>\n<td>Opens a dialog box with a list of special character options.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1008\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/template.png\" alt=\"\" width=\"29\" height=\"27\" \/><\/td>\n<td>Insert Predefined Template<\/td>\n<td>Inserts a predefined template structure<\/td>\n<td><a href=\"#template\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-990\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/image.png\" alt=\"\" width=\"30\" height=\"29\" \/><\/td>\n<td>Insert Image<\/td>\n<td>Opens a dialog box to insert an image.<\/td>\n<td><a href=\"#insertimage\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-994\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/link.png\" alt=\"\" width=\"26\" height=\"26\" \/><\/td>\n<td>Link<\/td>\n<td>Inserts a link to selected text\/image.<\/td>\n<td><a href=\"#insertimage\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1012\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/unlink.png\" alt=\"\" width=\"29\" height=\"28\" \/><\/td>\n<td>Unlink<\/td>\n<td>Removes the current link<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-983\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/anchor-link.png\" alt=\"\" width=\"27\" height=\"27\" \/><\/td>\n<td>Anchor Link<\/td>\n<td>Inserts an anchor link<\/td>\n<td><a href=\"#anchorlink\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-996\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/paint-brush.png\" alt=\"\" width=\"27\" height=\"30\" \/><\/td>\n<td>Clean Up Code<\/td>\n<td>Removes extraneous html (non-dev users should avoid using this function)<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1005\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/spell-check.png\" alt=\"\" width=\"28\" height=\"27\" \/><\/td>\n<td>Spell Check<\/td>\n<td>Runs spell check through content area.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-987\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/eraser.png\" alt=\"\" width=\"26\" height=\"27\" \/><\/td>\n<td>Remove Formatting<\/td>\n<td>Removes any formatting to the selected content.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1014\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/view.png\" alt=\"\" width=\"26\" height=\"26\" \/><\/td>\n<td>Full Screen View<\/td>\n<td>Toggles Full Screen Mode for Content Box<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-999\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/print.png\" alt=\"\" width=\"29\" height=\"26\" \/><\/td>\n<td>Print<\/td>\n<td>Prints Page Content<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1013\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/view-html.png\" alt=\"\" width=\"32\" height=\"23\" \/><\/td>\n<td>Edit HTML<\/td>\n<td>Opens a dialog box allowing you to edit HTML code (extreme caution should be taken by non-dev users)<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-984\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/bold.png\" alt=\"\" width=\"20\" height=\"22\" \/><\/td>\n<td>Bold<\/td>\n<td>Bold the selected text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-992\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/italics.png\" alt=\"\" width=\"23\" height=\"22\" \/><\/td>\n<td>Italics<\/td>\n<td>Italicize the selected text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1006\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/strikethrough.png\" alt=\"\" width=\"29\" height=\"22\" \/><\/td>\n<td>Strikethrough<\/td>\n<td>Places a line through selected text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-993\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/left-aligned.png\" alt=\"\" width=\"29\" height=\"26\" \/><\/td>\n<td>Left Align<\/td>\n<td>Aligns the selected text to the left.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-986\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/center-aligned.png\" alt=\"\" width=\"29\" height=\"26\" \/><\/td>\n<td>Center Align<\/td>\n<td>Aligns the selected text in the center.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1003\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/right-aligned.png\" alt=\"\" width=\"29\" height=\"26\" \/><\/td>\n<td>Right Align<\/td>\n<td>Aligns the selected text to the right.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-985\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/bulleted-list.png\" alt=\"\" width=\"26\" height=\"26\" \/><\/td>\n<td>Bulleted List<\/td>\n<td>Changes selected paragraphs into bulleted list items<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-995\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/numbered-list.png\" alt=\"\" width=\"29\" height=\"27\" \/><\/td>\n<td>Numbered List<\/td>\n<td>Changes selected paragraphs into numbered list items<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-991\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/insert-left-margin.png\" alt=\"\" width=\"33\" height=\"27\" \/><\/td>\n<td>Add Left Margin<\/td>\n<td>Adds one indent to the current section<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1002\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/remove-left-margin.png\" alt=\"\" width=\"29\" height=\"29\" \/><\/td>\n<td>Remove left Margin<\/td>\n<td>Removes one indent from the current section<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1000\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/quotation.png\" alt=\"\" width=\"25\" height=\"22\" \/><\/td>\n<td>Blockquote<\/td>\n<td>Indents the entire paragraph to block quote style.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1007\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/styles.png\" alt=\"\" width=\"107\" height=\"32\" \/><\/td>\n<td>Text Styles<\/td>\n<td>Adds predefined styles<\/td>\n<td><a href=\"#textstyles\">Read more<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-997\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/paragraph-type.png\" alt=\"\" width=\"107\" height=\"31\" \/><\/td>\n<td>Text Format<\/td>\n<td>Changes the text from default (paragraph) to headings.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1010\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/text-color.png\" alt=\"\" width=\"22\" height=\"25\" \/><\/td>\n<td>Text Color<\/td>\n<td>Changes the color of the selected text.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" class=\"size-full wp-image-1009\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/text-background-color.png\" alt=\"\" width=\"28\" height=\"26\" \/><\/td>\n<td>Text Background Color<\/td>\n<td>Changes the background color of the selected text.<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\t\t<\/li><li id=\"text-9\" class=\"widget widget_text\"><h2 class=\"widgettitle\">More Details on Advanced Features<\/h2>\t\t\t<div class=\"textwidget\"><p><strong><span id=\"paste\">Paste as Plain Text:<\/span><\/strong><br \/>\nThis feature should always be used when pasting text from another location. Otherwise, extraneous HTML code (that may not be visible in the TinyMCE editor) may be unintentionally copied over.<\/p>\n<p><strong><span id=\"template\">Insert Predefined Template:<\/span><\/strong><br \/>\nThis feature should only be used when adding images to content.<\/p>\n<p><strong><span id=\"insertimage\">Insert Image:<\/span><\/strong><br \/>\nImages should always be added into Predefined Templates (referenced in the point directly above). For more information on adding images into content, please see the &#8220;<a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/special-content-types\/images\/\">Special Content Types: Images<\/a>&#8221; entry.<\/p>\n<p><strong><span id=\"addlink\">Link:<\/span><\/strong><br \/>\nWhen linking to internal content, you should always use the &#8220;Link List&#8221; menu to select the page (rather than typing in the URL). For more information on adding links to content, please see the &#8220;<a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/special-content-types\/links\/\">Special Content Types: Links<\/a>&#8221; entry.<\/p>\n<p><strong><span id=\"anchorlink\">Anchor Link:<\/span><\/strong><br \/>\nAn anchor link is a link on a page that brings you to a specific place on that page. For more information on adding links to content, please see the &#8220;<a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/special-content-types\/links\/\">Special Content Types: Links<\/a>&#8221; entry.<\/p>\n<p><strong><span id=\"textstyles\">Text Styles:<\/span><\/strong><br \/>\nThis feature should only be used for external links. For more information on adding links to content, please see the &#8220;<a href=\"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/creating-and-editing-pages-and-weblinks\/special-content-types\/links\/\">Special Content Types: Link<\/a>s&#8221; entry.<\/p>\n<\/div>\n\t\t<\/li><\/ul><\/div><!-- widgets_on_page --><br \/>\n<!-- table for icon list --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An overview of the functions included in the TinyMCE editor (The editor used in top\/main and service town page content areas).<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":500,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/502"}],"collection":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":1,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":1655,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/502\/revisions\/1655"}],"up":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/500"}],"wp:attachment":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/media?parent=502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/categories?post=502"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/tags?post=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}