Rich Text Editor

The Rich Text Editor settings page is a list of concrete5 editor extensions and editor plugins for the rich text editor. Editor plugins allow you to add buttons to the editor toolbar, new context menus, and extra behaviors. By enabling and disabling editor extensions and plugins, you can tailor your editing experience to match your user and team requirements. concrete5 comes with a wide variety of editor plugins by default, but more can be added through the marketplace or developed as a package. In concrete5 version 8, the rich text editor is CKEditor 4.

rich_text_editor-small-v8.3.2.png
 

There's quite a long list of extensions and plugins, so we're going to list them below and offer some extra information about what they do. The rich text editor plugins that come with the concrete5 core are default CKEditor plugins or based on them. For more information about a plugin, visit it's ckeditor.com plugin page.

concrete5 Extensions

  • Enable file selection from file manager - allows the concrete5 file manager to be used to select files and images. It is enabled by default.
  • Enable page selection from sitemap - allows the concrete5 sitemap to be used for selecting pages in a website. It is enabled by default.

Editor Plugins

  • About - adds an "About CKEditor 4" editor toolbar button used to get the CKEditor version and licensing info.
    https://ckeditor.com/cke4/addon/about
  • Auto Grow - when checked this option allows the editor to grow and shrink vertically depending on the amount of content in the editing area.
    https://ckeditor.com/cke4/addon/autogrow
  • Accessibility Help - when checked this option allows the display of the editor keymap information. Pressing Alt+0 in the editor displays the accessibility options.
    https://ckeditor.com/cke4/addon/a11yhelp
  • Basic Styles - this option adds the following buttons to the editor toolbar:
    • "Bold"
    • "Italic"
    • "Underline"
    • "Strikethrough"
    • "Subscript"
    • "Superscript"

https://ckeditor.com/cke4/addon/basicstyles

https://ckeditor.com/cke4/addon/justify

  • Language - adds the "Language" button to the editor toolbar. It supports the "WCAG 3.1.2 Language of Parts" specification (without further configuration this is limited to only a few standard languages).
    https://ckeditor.com/cke4/addon/language
  • List - adds the "Numbered List" and "Bulleted List" buttons to the editor toolbar.
    https://ckeditor.com/cke4/addon/list
  • List Style - enables list property dialogs in list item context menus. It can be used to set list type (circle, square, dot for bulleted lists; lower/upper roman, lower/upper alpha for numbered lists) and start number (for numbered lists).
    https://ckeditor.com/cke4/addon/liststyle
  • Magic Line - makes it easier to add content and select content.
    https://ckeditor.com/cke4/addon/magicline
  • Maximize - adds the "Maximize" button to the article editor toolbar. When clicked, the editor will maximize to fill the browser window. Clicking the button again will minimize the editor.
    https://ckeditor.com/cke4/addon/maximize
  • New Page - adds the "New Page" button to the editor toolbar. When clicked, it clears the editing area.
    https://ckeditor.com/cke4/addon/newpage
  • Page Break - adds the "Page Break" button to allow for page breaks in printing. When clicked it inserts the following code snippet: <div style="page-break-after: always"><span style="display: none;">&nbsp;</span></div>.
    https://ckeditor.com/cke4/addon/pagebreak
  • Paste As Plain Text - adds the "Paste as Plain Text" editor toolbar button. Using this removes any formatting information from text pasted from the clipboard. Ideal for copying content from HTML, web pages, or documents where you want to remove all formatting and embedded markup.
    https://ckeditor.com/cke4/addon/pastetext
  • Paste from Word - adds the "Paste from Word" button to the editor toolbar. Use this button when copying content from Word when you want to preserve formatting from the original Word document.
    https://ckeditor.com/cke4/addon/pastefromword
  • Preview - adds the "Preview" button to the article editor toolbar that shows a preview of the content as it would be displayed to end users or printed.
    https://ckeditor.com/cke4/addon/preview
  • Remove Format - adds the "Remove Format" button to the editor toolbar which allows you to remove all text styling from selected text.
    https://ckeditor.com/cke4/addon/removeformat
  • SpellCheckAsYouType (SCAYT) - add the "Spell Check As You Type" button to the editor toolbar. It offers spell checking using webspellchecker.net. This plugin shows advertisements in the dialog window unless you purchase an add-free license.
    https://ckeditor.com/cke4/addon/scayt
  • Select All - adds the "Select All" button to the editor toolbar and allows you to select the entire contents of the editor.
    https://ckeditor.com/cke4/addon/selectall
  • Show Blocks - wraps all block level elements in a dashed outline and displays the element name.
    https://ckeditor.com/cke4/addon/showblocks
  • Show Table Borders - this option displays visible outlines around all table elements if the table does not have a border specified. If this is disabled, you cannot see the outline of tables that don't have borders.
    https://ckeditor.com/cke4/addon/showborders
  • Insert Smiley - adds the "Smiley" button to the editor toolbar. Clicking this button brings up a dialog window filled with emojis.
    https://ckeditor.com/cke4/addon/smiley
  • Source Editing Area - adds the 'Source' button to the editor toolbar and allows for HTML editing of editor content. This button is used to toggle between source view and content view.
    https://ckeditor.com/cke4/addon/sourcearea
  • Source Dialog - allows for HTML editing of editor content in its own dialog window. If disabled, the source editor will be embedded in the editor window.
    https://ckeditor.com/cke4/addon/sourcedialog
  • Special Characters - adds the "Special Characters" button to the editor toolbar. Clicking this button brings up a dialog window filled with special characters from the extended character set.
    https://ckeditor.com/cke4/addon/specialchar
  • Styles Combo - used in combination with the concrete5 Styles plugin to a drop-down menu list of custom editor styles that have been defined in the theme.
    https://ckeditor.com/cke4/addon/stylescombo
  • Tab Key Handling - adds basic Tab/Shift+Tab key handling to move to next/previous table cells, if within a table.
    https://ckeditor.com/cke4/addon/tab
  • Table - adds the "Table" button to the editor toolbar and allows for the insertion of tables and setting of basic table properties:
    • rows/columns
    • table width and height
    • cell padding and spacing
    • table headers
    • table border size
    • alignment on page
    • table caption and summary

https://ckeditor.com/cke4/addon/table

  • Table Resize - enables table column resizing by dragging column edges with your mouse.
    https://ckeditor.com/cke4/addon/tableresize
  • Table Selection - allows for selecting arbitrary rectangular table selections such as a few cells from different rows, a column (or a few of them), or a row (or multiple rows). You can apply formatting or add a link to all selected cells at once or cut, copy and paste entire rows or columns.
    https://ckeditor.com/cke4/addon/tableselection
  • Table Tools - enables the more advanced context menu for table items and cell properties and adds support for features such as:
    • cell type
    • cell width and height
    • word wrap settings
    • horizontal and vertical alignment
    • row and column span
    • cell and border color
    • inserting and deleting cells, rows and columns
    • merging and splitting cells horizontally and vertically.

* The advanced context menu is displayed by right-clicking inside a table.
https://ckeditor.com/cke4/addon/tabletools

  • Undo - adds the "Undo" and "Redo" buttons to the editor toolbar. The default maximum undo and redo steps is 20, but this maximum can be configured through the concrete5 config.
    https://ckeditor.com/cke4/addon/undo
  • WebSpellChecker - adds a "Check Spelling" button to the editor toolbar. It offers spelling and grammar checking and thesaurus lookup using webspellchecker.net. This plugin shows advertisements in the dialog window unless you purchase an add-free license.
    https://ckeditor.com/cke4/addon/wsc
  • concrete5 Link - this plugin is based on the CKEditor Link plugin and adds a "Link" button to the editor toolbar. In addition to the standard Link plugin features, it adds concrete5 sitemap page and file manager file selection and image lightbox creation.
    https://ckeditor.com/cke4/addon/link
  • concrete5 Styles - this plugin is based on the CKEditor Styles Combo plugin and adds a "Styles" drop-down menu to the editor toolbar. The Styles drop-down menu lists custom editor styles that have been defined in the theme.
    https://ckeditor.com/cke4/addon/stylescombo

Default Editor Plugins

  • Auto Grow
  • Accessibility Help
  • Basic Styles
  • Color Dialog
  • Context Menu
  • Elements Path
  • Enter Key
  • Escape HTML Entities
  • Format
  • HTML Output Writer
  • Image
  • Indent Block
  • Indent List
  • Justify
  • List
  • List Style
  • Magic Line
  • Remove Format
  • Show Blocks
  • Show Table Borders
  • Source Editing Area
  • Source Dialog
  • Styles Combo
  • Tab Key Handling
  • Table
  • Table Resize
  • Table Selection
  • Table Tools
  • Undo
  • concrete5 Link
  • concrete5 Styles
Loading Conversation