CKEditor for OSUE County Sites CKEditor CKEditor is an online rich text editor used to edit web pages. It is a WYSIWYG (What You See Is What You Get) editor which means that the text as edited looks as similar as possible to the results you will see after the document gets published. It has editing features found in desktop word processors such as Microsoft Word and OpenOffice.org Writer. Quick Reference – Overview of features available on the CKEditor toolbar. Toolbar Button Description View or edit the source code (html) of the document (for advanced users). Cut the selected text fragment to the clipboard. Copy the selected text fragment to the clipboard. Paste content copied to the clipboard along with formatting. Paste content copied to the clipboard without formatting. Paste content copied from Microsoft Word or similar applications along with some formatting. Not recommended. Undo or redo the most recent action performed. Find a word or phrase in the document. Find and replace a word or phrase in the document Select all contents of the document. Remove the formatting of the selected text Insert an image into the document. Embed Media dialog box Create a table with the defined number of columns and rows. Insert a divider line (horizontal line space above and below) into the document. Insert a special character or symbol. Apply bold, italic, underline or strike-through formatting to the text Apply superscript or subscript formatting to the text. Create a numbered or bulleted list. Increase or decrease text indentation. Format a block of text as indented quotation. Set text alignment (left, centered, right or justified). Set text direction as from left to right (default value for most Western languages) or from right to left (languages like Arabic, Persian, Hebrew). 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. Insert a link anchor to the text. Maximize or Minimize the editor in the browser window. Text formats that can be applied to show emphasis. Table of Contents CKEditor ............................................................................................................................................................. 1 Quick Reference ......................................................................................................................................... 1 Resizing, Maximizing and Minimizing CKEditor ................................................................................................. 3 Bold, Italic, Underline, and Strike-through ........................................................................................................ 3 Subscript and Superscript .................................................................................................................................. 4 Formatting Styles ....................................................................................................................................... 4 Text Layout ......................................................................................................................................................... 4 Text Indentation ......................................................................................................................................... 4 Block Quote ................................................................................................................................................ 6 Text Alignment ........................................................................................................................................... 6 Horizontal Line ........................................................................................................................................... 7 Rich Text ............................................................................................................................................................. 7 Creating Lists .............................................................................................................................................. 7 Bulleted Lists .............................................................................................................................................. 7 Numbered Lists .......................................................................................................................................... 8 Links ......................................................................................................................................................... 10 Linking to a PDF ........................................................................................................................................ 15 Anchors .................................................................................................................................................... 15 How to create Anchors in CKEditor .......................................................................................................... 16 Inserting Images ....................................................................................................................................... 17 Creating Tables ......................................................................................................................................... 19 Working with a Document ............................................................................................................................... 24 Document Source ..................................................................................................................................... 24 Cut, Copy and Paste ................................................................................................................................. 24 Undo and Redo ........................................................................................................................................ 26 Text Selection ........................................................................................................................................... 26 Find and Replace ...................................................................................................................................... 27 Resizing and Maximizing the Editor ......................................................................................................... 28 Embed Media ................................................................................................................................................... 28 Examples: ......................................................................................................................................................... 30 CKEditor Page 2 of 30 CKEditor provides a clean and simple user interface. If you are familiar with desktop word processors like Microsoft Word or OpenOffice.org Writer, you will quickly see that using an online text editor is just as easy and intuitive. Resizing, Maximizing and Minimizing CKEditor CKEditor is usually embedded in a website, as one of its parts. If, however, you would like to resize its interface, you can easily do it by clicking and dragging the resizing grip in the bottom right-hand corner of CKEditor interface. To make writing more convenient, you can also maximize the CKEditor interface in the browser window. When you press the toolbar button, the CKEditor interface will fill the browser window and stretch to its borders. If you want to return to the default view and minimize CKEditor, press the same button again. Warning: If you use the back button or in any other way move from the page you are working on without minimizing and saving your work you will lose what you have created. Bold, Italic, Underline, and Strike-through These four basic font styles are frequently used in both print and online documents. Due to their popularity each one of them is available under a separate toolbar button. To turn the style on, press the button or use the respective keyboard shortcut. To turn it off, use the button or a keyboard shortcut again. Or select the text and click on the button to apply the style. To write in bold, press the toolbar button or use the Ctrl+B keyboard shortcut. To write in italics, press the toolbar button or use the Ctrl+I keyboard shortcut. To underline the text, press the toolbar button or use the Ctrl+U keyboard shortcut. Remember that the underline style will also be applied to all white space of the selected fragment. To strike the text through, press the toolbar button. Remember that the strike-through style will also be applied to all white space of the selected fragment. Bold, italics, underline and strike-through can be applied to the whole document, a paragraph, or a text fragment of arbitrary length — even a single letter. Do note, however, that for aesthetic and readability reasons it is recommended not to combine too many different formatting styles in one document. In CKEditor it is possible to combine these styles or use them in conjunction with other formatting methods. Remember that bold, italics, underline, and strike-through often have special meanings. Strike- through is often employed to denote the recently deleted text, while underline may suggest recently inserted text or a hyperlink. It is important to use these styles consistently across your documents. CKEditor Page 3 of 30 Subscript and Superscript Subscript and superscript formatting is often used in mathematical expressions