{"id":89,"date":"2018-10-05T21:14:12","date_gmt":"2018-10-05T21:14:12","guid":{"rendered":"http:\/\/help.virtualcu.net\/?p=89"},"modified":"2025-03-19T17:38:29","modified_gmt":"2025-03-19T17:38:29","slug":"wysiwyg","status":"publish","type":"post","link":"https:\/\/help.virtualcu.net\/?p=89","title":{"rendered":"WYSIWYG. O"},"content":{"rendered":"<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 3pt;\"><span style=\"color: #000000;\"><span style=\"font-family: Arial; font-size: 26pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; background-color: transparent;\">The What You See is What You Get Editor (WYSIWYG)<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"color: #000000;\"><span style=\"font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; background-color: transparent;\">Your wordpress site has come with the TinyMCE advanced editor. This is an editor for your content, and it has very similar functionality to that of a program like Microsoft Word. We\u2019ll briefly go over some of the functionality that comes with the TinyMCE Editor.<\/span><\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111 aligncenter\" title=\"\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG2.png\" alt=\"\" width=\"602\" height=\"117\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG2.png 602w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG2-300x58.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG2-150x29.png 150w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"color: #000000;\"><span style=\"font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; background-color: transparent;\">Your editor has two main sections, the controls, and the content area. The content area, is simply where you go to type in your content. The form Controls allow for different treatments that you can perform on the text. We will briefly go over the tool set, one row at a time, starting with the menus.<\/span><\/span><\/p>\n<h2 style=\"text-align: center;\"><strong>Row 1: The Menus<\/strong><\/h2>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110 aligncenter\" title=\"\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG1-e1593533125324.png\" alt=\"\" width=\"478\" height=\"31\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG1-e1593533125324.png 478w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG1-e1593533125324-300x19.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG1-e1593533125324-150x10.png 150w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/p>\n<p><span style=\"color: #000000;\"><strong>File <\/strong><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><strong>New Document:<\/strong> Will remove all content currently in the Text Area, giving you a clean, new Document<\/span><\/strong><\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><span style=\"color: #000000;\"><strong>Print<\/strong>: Prints out the content that is currently in the text area on this page.<\/span><\/span><\/strong><\/span><\/strong><\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Edit<\/strong><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><strong>Undo<\/strong>: Undo that last thing you did. Good for a quick step back, if you accidently delete something.<\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Redo<\/strong>: Apply a change that you may have undone.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Cut<\/strong>: Takes the highlighted text and place it in your clipboard, while removing it from the location.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Copy<\/strong>: Takes the highlighted text and places it into your clipboard, while leaving it in its original location<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Paste<\/strong>: Pastes the content of your clipboard at the cursor point<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Paste as Text<\/strong>: Pastes the content of your clipboard at the cursor point, while stripping out any additional styling. This is extremely useful, and recommended, when pasting in content from any Rich Text Editors, such as Microsoft word, as it will strip away any styling.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Select All:<\/strong> Highlights everything in the content area.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Find and Replace:<\/strong> Can be used to replace all of words within the text area.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>View<\/strong><\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"color: #000000;\"><strong><span style=\"color: #000000;\"><strong>Source Code:<\/strong> Shows the HTML source code for the content. Can be used by advanced users who have experience in HTML.<\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Visual Aids: <\/strong>Provides a dotted border around tables that are borderless.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Show Invisible Characters: <\/strong>Toggling this on will show invisible characters that may appear in the HTML, such as a non-breaking space ( &amp;nbsp; ), a space that won\u2019t allow words to wraps.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Show Blocks:<\/strong> Shows the logical HTML elements as blocks around the content<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Full screen: <\/strong>Toggle the editor to full-screen.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Insert<\/strong><\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"color: #000000;\"><strong>Insert\/edit Link:<\/strong> Turns any highlighted text in the content, into a link.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Media<\/strong>: Inserts media, such as images, into the content.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Table<\/strong>: Inserts a Table into the content, opens an interactive Graphic that allows you select the number of columns and rows that you would like in this character.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Special Character:<\/strong> Adds the ability to insert special characters into the content area. These special characters are ones that are not normally available via the Keyboard.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Horizontal Line:<\/strong> Adds a horizontal rule to your content, a single horizontal line that can be used to help break up sections of content<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Non Breaking space:<\/strong> Adds non-breaking space to the content. Non-breaking spaces will keep two words together, and stop automatic wrapping from happening. Useful for when you have two words that you always want to appear on the same line, and don\u2019t want the second word to ever drop down a line without the first word.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Anchor:<\/strong> Adds a point into the page, that you can directly link to.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Date\/Time: <\/strong>Allows you to put in the current date\/time quickly.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Add Media:<\/strong> Adds in media to the site through the media viewer. This should be the preferred method of adding in the content, as you don\u2019t need to know the url for the item.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Insert Read More tag:<\/strong> Adds in a Read More break. This is sometimes used to choose when content cuts off as previews. This is done automatically on these themes, and you do not need set it manually.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Page break: <\/strong>Adds in a page break. This is not used on the FedComp Templates<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Format<\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"color: #000000;\"><strong>Bold<\/strong>: Makes fonts bold.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Italic<\/strong>: Makes font italic<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Underline<\/strong>: Adds an underline under the text<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Strikethrough<\/strong>: Adds a strikethrough to the text<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Superscript<\/strong>: Makes the highlighted text smaller and moves it to the top of the line.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Subscript<\/strong>: Makes the highlighted text smaller, and moves it towards the bottom of the line.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Code<\/strong>: Add in a place that you can type out code, without the code being read by the browser.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Blocks<\/strong>: Changes the highlighted text to a different type format, A heading 1, Heading 2, etc&#8230;<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Align<\/strong>: Aligns the highlighted text to the left, right, center, or justified.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Clear Formatting:<\/strong> Clears out any formatting that you may have applied on the highlighted text.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Tools<\/strong><\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"color: #000000;\"><strong>Source Code<\/strong>: Shows the source code for the content area.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Table<\/strong><\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"color: #000000;\"><strong>Table<\/strong>: Inserts a Table into the content, opens an interactive Graphic that allows you select the number of columns and rows that you would like in this character.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Table Properties:<\/strong> Once you have inserted a\u00a0 table, you can change some of the properties of that table here, such as the width, the height, any padding inside the cells, or spacing around the cells, changing the border thickness (set 0 to remove), and changing the alignment.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Delete Table:<\/strong> Removes a table once selected.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Row: <\/strong>Allows you to manipulate Rows within the table, such as adding more rows, or removing rows, cutting and pasting rows, and other such requirements.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Columns<\/strong>: Allows all of the same actions as a rows, but applies to columns<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Cell<\/strong>: Lets you change properties of a specific Table Cell, such as height, width, and alignments.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\"><strong>Row 2: Formatting Options<\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112 aligncenter\" title=\"\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG3-e1593534634396.png\" alt=\"\" width=\"566\" height=\"41\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG3-e1593534634396.png 566w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG3-e1593534634396-300x22.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG3-e1593534634396-150x11.png 150w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/p>\n<ul>\n<li><span style=\"color: #000000;\"><strong>Block Dropdown<\/strong>: Changes the highlighted text to a different type format, A heading 1, Heading 2, etc&#8230;<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Bold<\/strong>: Sets text to bold<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Italic<\/strong>: Sets text to Italic<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Blockquote<\/strong>: changes the section of content to a blockquote, which should be used when you are quoting someone else<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Unordered List<\/strong>: Creating a list of items, that aren\u2019t in an order, or they are using Bullets instead of numbers\/letters<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Ordered List:<\/strong> Creating a list of items that are in order, they use numbers or letters instead of bullets.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Align Left<\/strong>: Aligns the content to the left<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Align Center: <\/strong>align the content to the center<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Align Right: <\/strong>aligns the content to the right<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Creating a Link<\/strong>: Allows you to create a link using the highlighted text.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Breaking a link<\/strong>: Allows you to remove a link that already exists.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Undo:<\/strong> Undoes your last action(s).<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Redo: <\/strong>Reapplies any actions you may have undone.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Fullscreen: <\/strong>Switches the editor window to Full Screen mode.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: center;\"><strong>Row 3: Formatting Options<\/strong><\/h2>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113 aligncenter\" title=\"\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG4.png\" alt=\"\" width=\"594\" height=\"42\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG4.png 594w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG4-300x21.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2018\/10\/WYSIWYG4-150x11.png 150w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000;\"><strong>Font Family: <\/strong>Lets you chose which font-family you want<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Font Size:<\/strong> Lets you choose your font-size<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Un-indent:<\/strong> Removes any indentation on items<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Indent: I<\/strong>ndents items further.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Paste as Text: <\/strong>Past in text while removing any styling.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Clear Formatting: <\/strong>Clears any formatting that may be on the text.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Insert Special Character: <\/strong>Inserts any special characters that may not be on a standard keyboard<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Insert Read More tag:<\/strong> Adds in a Read More break. This is sometimes used to choose when content cuts off as previews. This is done automatically on these themes, and you do not need set it manually.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Text Color: <\/strong>Change the color of text in the content area<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Table:<\/strong> Quick access to the table properties.<\/span><\/li>\n<li><span style=\"color: #000000;\"><strong>Keyboard Shortcuts:<\/strong> Opens a modal that will tell you keyboard shortcuts that may help you edit content faster.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The What You See is What You Get Editor (WYSIWYG) &nbsp; Your wordpress site has come with the TinyMCE advanced editor. This is an editor for your content, and it has very similar functionality to that of a program like Microsoft Word. We\u2019ll briefly go over some of the functionality that comes with the TinyMCE ..<\/p>\n<div class=\"clear-fix\"><\/div>\n<p><a href=\"https:\/\/help.virtualcu.net\/?p=89\" title=\"read more...\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[191,195,186],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-all","category-original-templates","category-pages-and-posts"],"_links":{"self":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":6,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/89\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}