WYSIWYG (What you see is what you get) Editing
Our web editor is a WYSIWYG editor (What you see is what you get), which means that the text edited in it looks as similar as possible to the results end users will see after the document gets published. When you format your text using the editor features, the formatting can be immediately seen in the editing area.
- Source - View or edit the source code of the document (for advanced HTML users).
- Save - Save the contents of web editor.
- New - Clear the editing area and start fresh.
- Print - Print document contents.
- Templates - Select a layout template.
- Cut - Cut the selected text fragment to the clipboard.
- Copy - Copy the selected text fragment to the clipboard.
- Paste - Paste content copied to the clipboard along with formatting.
- Paste no formatting - Paste content copied to the clipboard without formatting.
- Paste from Word - Paste content copied from Microsoft Word or similar applications along with formatting.
- Undo / Redo - Undo or redo the most recent action performed
- Find - Find Find a word or phrase in the document
- Find and Replace - Find and replace a word or phrase in the document
- Select All - Select all contents of the document
- Spell Checking - Check spelling of the document text or turn on the Spell Check As You Type (SCAYT) feature
- Bold, Italics, Underline, Strike-through - Apply bold, italic, underline or strike-through formatting to the text.
- Subscript, Superscript - Apply superscript or subscript formatting to the text.
- Remove Formatting - Remove the formatting of the selected text.
- Bullets - Create a numbered or bulleted list.
- Indent / Outdent - Increase or decrease text indentation.
- Blockquote - Format a block of text as indented quotation.
- Div - Create a new div element in document source.
- Text Alignment - Set text alignment (left, centered, right or justified).
- Text Direction - Set text direction as from left to right (default value for most Western languages) or from right to left (languages like Arabic, Persian, Hebrew).
- Show Blocks - Highlight all block-level elements in the document.
- Link / Unlink - Create or remove a hyperlink in the text. These features may also be used to manage file uploads and links to files on the web server.
- Anchor - Insert a link anchor to the text.
- Image - Insert an image into the document.
- Flash -Insert an Adobe Flash object into the document.
- Table - Create a table with the defined number of columns and rows.
- Horizontal Line - Insert a divider line (horizontal rule) into the document.
- Smileys - Insert an emoticon image (smiley or icon).
- Special Character - Insert a special character or symbol.
- Page Break - Insert a page break. This only impacts the printed version.
- IFrame - Insert an inline frame (iframe).
- Styles - Apply pre-defined combinations of various formatting options to block and inline elements.
- Format - Apply pre-defined block-level combinations of various formatting options.
- Font - Change the typeface of the text.
- Size - Change the font size of the text.
- Text Color - Change the color of the text.
- Text Background Color - Change the background color of the text.
When editing in the web editor, you can highlight and right-click in the editor space. You will get a small pop-up menu embedded in the document. The menu is context-sensitive which means that the options displayed in it depend on the object that you click.
If, for example, you press the right mouse button while inside a table, you will see some table-specific options available in its context menu.
Selecting All Document Contents
To select all contents of the document, click inside the web editing area and press the Select All toolbar button. All document elements, including text, images, or tables, will become highlighted. You can now apply whatever action you wish to the selected content.
Alternatively, you can also use the Ctrl+A keyboard shortcut to select everything inside the editing area.
A popular way to select document fragments is to use your mouse. Keeping the left mouse button pressed, drag your mouse over the document content that you want to select. The selection process will finish, when you release the mouse button. A document fragment selected with your mouse will become highlighted. You can also select individual words by double-clicking them.
Note that a document fragment can also be selected with your keyboard.
Using Shift+Arrow lets you select the text by letters and the Ctrl+Shift+Arrow — by words.
The Shift+Home combination selects the text from the cursor to the start of the current line, while the Shift+End — from the cursor to the end of the current line.
The combination of Ctrl+Shift and the Home or End keys let you select the text from the cursor to the beginning or end of the document, respectively.
The Shift+PgDn and Shift+PgUp shortcuts select a text fragment of approximately the length of the editing area starting from the cursor and going down and up the text, respectively.
Selecting HTML Elements
Another method to select document contents is to use the web editor elements path to highlight the HTML building blocks of the document. To use this feature, click an element's name on the elements path with your mouse. You can also use the Alt+F11 keyboard shortcut to enter the elements path, and then navigate between the elements with the Tab and Shift+Tab (or Left and Right Arrow) keys. To select an element with your keyboard, use the Enter or Space keys.
Remember that the elements path is an advanced the web editor feature that requires some basic understanding of HTML. The same effect can always be achieved by selecting the text directly in the editing area with your mouse or keyboard.
The Elements Path is the section at the bottom of the editor displaying information about the HTML elements of the document for the position of the cursor. It is an advanced feature aimed at users who want to have more control over the source code of their document.
The elements path always shows a hierarchy of HTML elements for the currently selected element of the document.
This is what the elements path looks like:
The Undo and Redo functions of our web editor make text editing easier by remembering the actions performed in the editor window and making it possible to revert them as needed.
The Undo feature is a quick way to cancel the recently introduced change and restore the document to its previous state.
This is especially useful when the last performed operation was particularly destructive to the document, like in a situation when you select all of its content and accidentally delete it.
In order to revert the last action, activate the Undo command in two ways:
- Press the Undo button on the toolbar
- Press the Ctrl+Z combination on your keyboard
Since our web editor by default supports 20 undo levels, you can usually go back as many steps as required.
The Redo feature lets you revert the last undo operation. This means that the document returns to the state it was in before you performed the undo.
In order to revert the last undo operation, activate the Redo command in two ways:
- Press the Redo button on the toolbar.
- Press the Ctrl+Y combination on your keyboard.
Just like with undo, many redo levels are supported, so you can usually go forward as many steps as required.
Among the most common editing operations are cutting, copying, and pasting text. Our web editor not only supports these operations but also makes it possible to affect the formatting of the pasted text and even paste a Microsoft Word formatted fragment.
Because the cut, copy and paste functions need access to the clipboard of your operating system, some Internet browsers either block it when called from the web editor toolbar, or ask you to explicitly agree to that. Should accessing the clipboard by clicking the respective cut, copy and paste buttons from the web editor toolbar or context menu options be blocked, you can always perform these operations with keyboard shortcuts.
To cut a text fragment, start with selecting it. When the text is selected, you can cut it using one of the following methods:
- Press the Cut button on the toolbar.
- Open the web editor context menu for the selected fragment by right-clicking, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Cut command.
- Use the Ctrl+X shortcut on your keyboard. Note this method works even when the browser blocks the web editors toolbar's access to the clipboard, so this is the most reliable way of cutting the text.
To copy a text fragment, start with selecting it. When the text is selected, you can copy it using one of the following methods:
- Press the Copy button on the toolbar.
- Open the web editor context menu for the selected fragment by pressing the right mouse button, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Copy command.
- Use the Ctrl+C shortcut on your keyboard. Note this method works even when the browser blocks the web editor toolbar's access to the clipboard, so this is the most reliable way of copying the text.
To paste a text fragment, start with cutting it or copying from another source. Depending on the security settings of your browser, you may either paste directly from the clipboard or use the web editor Paste dialog window.
When the text is in the clipboard, you can paste it using one of the following methods:
- Press the Paste button on the toolbar.
- Open the web editor context menu for the selected fragment by right-clicking, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Paste command.
- Use the Ctrl+V shortcut on your keyboard. Note this method works even when the browser blocks the web editor toolbar's access to the clipboard, so this is the most reliable way of pasting the text
If direct access to clipboard is blocked, you will be asked to paste the text into the Paste dialog window using the Ctrl+V keyboard shortcut.
Paste from Word
The web editor allows you to preserve basic formatting when you paste a text fragment from Microsoft Word. To achieve this, copy the text in a Word document and paste it using one of the following methods:
- Press the Paste from Word button on the toolbar.
- Use the Ctrl+V shortcut on your keyboard. Note this method works even when the browser blocks the web editor toolbar's access to the clipboard, so this is the most reliable way of pasting the text.
Paste as Plain Text
If you want to paste an already formatted text, but without preserving the formatting, you can paste it as plain text. To achieve this, copy the formatted text and press the Paste as Plain Text button on the toolbar. If the browser blocks the web editor toolbar's access to clipboard, a Paste as Plain Text dialog window will appear and you will be asked to paste the fragment into the text box using the Ctrl+V keyboard shortcut.
Once pasted into the document, the text will lose all its formatting and you will be able to style it using the web editor options.
If at any time you would like to check the HTML source code of your document, use the Source toolbar button . The text that will appear in the editing area contains all the relevant HTML tags and attributes.
A sample text displayed in web editor source code mode
Since the source code view is not read-only, you can also edit your document while in this mode.
In order to return to the default, WYSIWYG view, press the Source button again.
Do remember though that HTML editing is an advanced feature and its use should be limited to users with knowledge of the HTML markup language. Our web editor lets you format your document or insert media like images or links without worrying about the source code and tags.