Drupal provides its users with a simple text editor that is universal amongst all content types. The Drupal Text Editor (A.K.A the WYSIWYG Editor) allows users to add custom content to the page through its collection of tools. WYSIWYG stands for "What You See Is What You Get."
Here is what the Drupal Text (WYSIWYG) Editor's operations look like:
Drupal Text (WYSIWYG) Editor
Buttons on the Drupal Text (WYSIWYG) Editor
Source: Allows the user to input raw HTML and CSS. Commonly used for adding content from the Style Guide into your content.
Cut (Scissors): Acts like a basic cut functionality in MS Word.
Paste (Papers): Acts like a basic paste functionality in MS Word.
Paste as Plain Text (Clipboard with T): Pastes entered content into the editor and removes ALL text styling.
Paste as "Plain Text" from Word (Clipboard with W): Pastes entered content into the editor and removes text styling but keeps formatting.
Remove Existing Text Formatting (Tx): Removes styling from selected text.
Undo & Redo (Arrows): Undo/Redo the most recent action done in the editor.
Insert Image (Image Icon): Allows the user to insert an image.
Insert Table (Table Icon): Allows the user to insert a table.
Insert Thematic Break (Horizontal Line): Produces a horizontal line in your content. Most commonly used for separating different sections within a page.
Insert Special Character (Omega Symbol): Allows the user to insert special characters and symbols into the page.
Bold & Italics (B and I): Bold and Italicize selected text.
Subscript and Superscript: Subscript and superscript text.
Numbered List (Numbered List Icon): Create a numbered list or place selected items into a numbered list.
Unordered List (Unordered List Icon): Create an unordered list or place selected items into an unordered list.
Decrease Indent: Decrease an existing indent on selected text.
Increase Indent: Indent selected text.
Insert Block Quote (Quotation mark): Create a block quote or place selected information into a block quote. For more information on block quotes check out the Official Bootstrap Style Guide.
Text Align (Left, Center, Right, Justify): Align selected text.
Create Hyperlink (Chain link icon): Allows the user to hyperlink selected text.
Remove Hyperlink (Chain link icon with x): Allows the user to remove a hyperlink from text.
Create Anchor (Flag): Allows the user to create a text anchor. More information about anchors below.
Text Sizing Dropdown Menu: Allows the user to place the selected text into headings. This should not be used for font sizing and should only be used to mark correct headings as headings.
Image Styles Dropdown Menu: Allows images to be aligned left, centred, or aligned right.
Full Screen Text Editor: When selected, the Drupal Text Editor will expand and take up the entire screen. Select again to close.
Show Blocks (Vertical and Horizontal Lines): Allows the user to see the different code blocks within the Drupal Text Editor.
Inserting an Image
Ensure that the location you are trying to add the image to is correct.
In the respective Drupal Text (WYSIWYG) Editor, click on the image icon.
On the new popup window, select Browse Server. If the image is already uploaded, then proceed to step 5.
Uploaded the image to the website file system by selecting Upload from the menu bar. Upload the file and select the appropriate settings, then select Upload.
Locate the image you would like to insert. Then, select Insert File on the menu bar.