To edit a document, first open it in the Document Viewer by navigating to the appropriate parent folder in the Content Application and selecting the document. The document is now open in the Document Viewer. In the viewer's menu bar, click on Edit to enter editing mode. You can now update the content of all fields of the document.
Depending on the type of document, not all fields are meant to show up on the website. Some fields may contain meta-data used by the website to categorize the document in some way.
You can also edit a document directly from within the channel preview as explained in Manage Content in a Channel.
Certain fields can be edited using a rich text editor. Typically, this is the case for the field containing the bulk of the document's data to be shown on the website. The rich text editor allows you to change the text's mark-up (size, color, decoration), create links to other documents, and embed images or even videos. You can also enter HTML tags, but you should use this carefully, as what looks nice in the editor may not fit well with the overall design of the website. Also, an HTML cleaner processes your input, potentially reverting some of your tags.
In the toolbar of the rich text editor there are several button groups.
- Predefined styles
- Undo, Redo
- Paragraph formatting
- Editor mode
- Source code editor
The predefined styles are mostly used for headers and when you want to go back to the default style.
The formatting buttons are probably familiar to you as they have the same function as in MS Word. Text can be formatted to be bold, italics, underlined, and so on.
The undo and redo buttons are used to revert an action or redo a reverted action. Consider this: you removed some text that you did not mean to remove, then you pressed the arrow pointing to the left (undo). If you then decided you should have removed the text, you can press the arrow pointing to the right (redo).
The paragraph formatting has 3 subgroups. The first is for lists. There are two kinds of lists - the ordered list and the unordered list. Indentation can be increased or decreased using the buttons from the second subgroup. Alignment is chosen in the third subgroup. All actions are paragraph-based, so everything between two line breaks. To affect multiple paragraphs at once, select these paragraphs.
In the links group, the first button is to create a link to an internal document.
To create such a link, a piece of text needs to be selected. If an internal link is created, a popup appears with the document picker. This picker represents the Content application and you can choose from all the documents you have already created.
At the bottom of the document picker you can optionally provide an Anchor (to link to an anchor within the target document, see below for how to create one), a Title (displayed as tooltip in most browsers), and whether the link should Open in new window.
The second button is for external links. An external link can always be created. If it is created without selecting any text, the URL will be inserted at the cursor location. If text is selected, the text will be converted to a link.
The third button is to remove a link. Place the cursor on a link and click the unlink button.
The last button is for anchors. Anchors are links inside a page so you can link to a paragraph somewhere else in the text. First, make an anchor by selecting the desired text and pressing the flag button. Once the anchor is set, a link can be created. Select the word that should link to the anchor and make an external link. In the popup, select the link type as “Link to anchor in text”, then select the anchor you just made and click OK.
Then there are the inserts. You can insert images, tables, special symbols, and YouTube videos. Inserting an image will result in a popup with the Image Picker. You can then browse to the desired image and insert it in the text. A table will present you with a popup in which you can select the number of rows and columns and other settings. Adding more columns or rows, or changing the table settings after the table is created can be done by clicking with the right mouse button on the table. The special characters button is used to insert characters that are not necessarily on your keyboard, like €. YouTube videos can be embedded by clicking on the YouTube logo. You can insert the embed code or enter the video URL. The size or start time can also be configured as you wish.
There are two editing modes. You can view the editor in full screen, or embedded in the document editor. By default, embedded editing is used, but clicking the button with four outward pointing arrows will make the editor use the entire browser window. When done, press the same button again to return to embedded mode. The second option is to display which html blocks are used. For example paragraphs will have a border around them with a label ‘p’.
It is also possible to view the HTML source. This is done by pressing the button that reads Source. In source mode, you can easily comment and uncomment pieces of HTML code. A comment means that it is still in the source code, but the browser will not display the output. Autocomplete for HTML tags is turned on by default and can be turned off by clicking the last button in this group <>.
There are many keyboard shortcuts to make your life as an editor easier.
- Esc – closes a CKEditor dialog window, drop-down list, or context menu. Also moves from the context menu submenu to the parent option.
- Enter – selects a CKEditor function from the toolbar, drop-down list, or context menu, equivalent to the OKbutton in a dialog window.
- Shift+F10, Menu/Application key – opens the element's context menu.
- Home – jumps to the beginning of the line.
- Ctrl+Home – jumps to the beginning of the document.
- End – jumps to the end of the line.
- Ctrl+End – jumps to the end of the document.
- PgDn – scrolls down the document, approximately by the length of the editing area.
- PgUp – scrolls up the document, approximately by the length of the editing area.
- Ctrl+Arrow – move through the text word by word.
- Enter (Return) – ends a paragraph and starts a new one.
- Shift+Enter – adds a line break.
- Backspace, Del – deletes a character.
- Ctrl+Backspace, Ctrl+Del – deletes a word.
- Ctrl+Z – performs the undo operation.
- Ctrl+Y – performs the redo operation.
- Ctrl+X, Shift+Del – cuts a text fragment to clipboard.
- Ctrl+C – copies a text fragment to clipboard.
- Ctrl+V, Shift+Insert – pastes a text fragment from clipboard.
- Ctrl+A – selects all document contents.
- Shift+Arrow – selects a text fragment by letters.
- Ctrl+Shift+Arrow – selects a text fragment by words.
- Shift+Home – selects a text fragment from the cursor to the beginning of the line.
- Shift+End – selects a text fragment from the cursor to the end of the line.
- Ctrl+Shift+Home – selects a text fragment from the cursor to the beginning of the document.
- Ctrl+Shift+End – selects a text fragment from the cursor to the end of the document.
- Shift+PgDn – selects a text fragment of approximately the length of the editing area starting from the cursor and going down.
- Shift+PgUp – selects a text fragment of approximately the length of the editing area starting from the cursor and going up.
- Ctrl+B – applies bold formatting to a text fragment.
- Ctrl+I – applies italics formatting to a text fragment.
- Ctrl+U – applies underline formatting to a text fragment.
- Ctrl+L – opens the Link (external link) dialog window.
For more detailed information see the CKEditor Documentation.
When editing a document, you are working on a draft version of that document. When editing a new document, there are three buttons to save your changes: Save as draft, Save, and Done.
When editing an existing document, only the latter two buttons (Save and Done) are available.
Use Save as draft to persist a newly created document while you haven't filled all the required fields yet. The editor will close. You can now click on Edit to continue making changes to the saved draft. Click on Cancel while editing a draft to discard it.
A new document saved as a draft can't be previewed in a channel in the Experience manager.
Click on Save to persist your changes and keep editing. All required fields must be filled.
Click on Done to persist your changes and close the editor. All required fields must be filled. You can now click on View to preview your changes in a channel in the Experience manager, click on Edit to make more changes, or click on Publication and choose one of the available options to enter the publication workflow (depending on your privileges).
Updated over 1 year ago