The WYSIWYG Editor is more than just text on your screen. It's actually code embedded into your website. Below, you will learn more about what the code does and what it means
In the example below, you can see a linked sentence and a normal text sentence underneath it:
What you can't see is the HTML code that is "hidden" underneath (click the toggle html button:
) :
As you can see, there is code wrapped around the text. Both sentences are wrapped in a paragraph tag; the first sentence is linked to the design section of the site and is wrapped around a DIV tag. A DIV tag defines that sentence as its own section within the code.
Seeing this code is important because, while What You See Is What You Get, there is still underlying code enabling you to see what's in the WYSIWYG Editor.
Right-Clicking in the WYSIWYG Editor
Adjustments can be made within the WYSIWYG Editor by right-clicking an area of text. You can remove the code wrapped around the text by highlighting the text and right-clicking:
As you can see, you can remove the paragraph element. Doing so will remove anything within the paragraph parameters, and you will get a warning before going forward:
Since both sentences are included within the paragraph parameters, by removing the paragraph element, you remove both sentences entirely:
The code is removed, too:
Removing Individual Tags & Elements
If you put the cursor next to the linked sentence and right click, you can remove the DIV tag:
You will get a warning confirming you want to remove the element before continuing:
This will result in the liked sentence being removed, but notice the blue cursor:
The blue cursor is there because the link still remains. If you click the HTML toggle button (
), you can see the link is still present:
If you were to delete the second sentence now:
You will see there is still code (
) even though there is no text shown:
As you can see, there is still a paragraph tag wrapped around linked code. In order to remove this code, right click again and remove the paragraph tag:
Again, you'll be prompted to make sure you want to remove the paragraph tag:
Once you get rid of the paragraph tag, you'll see there is now no code left:
