Skip to main content
Chemistry LibreTexts

2.2: Editing a Page

  • Page ID
    148793
    1. Navigate to the article you want to edit.
    2. On the MindTouch toolbar, select Edit.
    3. Edit the content as necessary. See a complete list of editor tools.
    4. In the Edit summary field at the bottom of the page, leave change notes for other editors or yourself (optional). Edit summaries can be viewed in the page revision history.
    5. Click Save to save the changes you made.

    Automatic saving & Word Counts

    • Automatic saving - By default, the LibreTexts libraries autosaves pages every 25 seconds in case your browser crashes or computer restarts so that you can return to the page and pick up where you left off.
    • Word count - A word and character count is displayed in the upper right corner of the editor UI.

    The Editor

    The Mindtouch platform we are using for the LibreTexts uses a modified CKE editor that allows for module construction without having to build/edit the raw source (HTML) code directly. The LibreTexts editor is a WYSIWYG editor that automatically creates HTML from visual authoring. The editor displays when you create a new page or edit a page. The CKEditor is a ready-for-use open source WYSIWYG text editor from CKSource designed to bring common word processor features directly to web pages, simplifying their content creation. It has been configured for most of the needs contributors require. The layout is below; please refrain from using the advanced features in red until you are familiar with the Mindtouch structure. The Toolbar is the section located at the top of the editor window. It contains menu buttons that give you access to various functions of CKEditor. All buttons are grouped according to their function and include both simple operations (like basic text styling or formatting) and more advanced features (like inserting media or forms via a dialog window).

    Toolbar 3.0.png

    Figure \(\PageIndex{1}\): A simple layout of the Mindtouch editor. Tools in red are rarely used in the LibreTexts typesetting standard.

    Editor Toolbar drop-down Menus

    Drop-down menus within the Editor Toolbar contain tools organized by Edit, View, Format, Style, Elements, and Help.

    Edit MenuMindTouch-Editor-Edit-Menu.png

    The Edit menu contains the basic actions your authors can use within the editor.

    • Undo
    • Paste: Paste cut or copied content from your operating system clipboard.
      • Modern browsers to not allow Paste as Plain Text or Paste from Word options.
    • Find
    • Replace
    • Select all

    View Menu

    The View menu allows authors different ways to see the content they'll be editing.MindTouch-Editor-View-Menu.png

    • Source - View and edit the HTML source for the page
    • Show blocks - See the content blocks in WYSIWYG mode in order to better identify the HTML structure and format of your content

    Format Menu

    The Format menu contains tools that allow authors to change the look of selected text.
    MindTouch-Editor-Format-Menu.png

    • Alignment
    • Indentation
    • Font - Change the font for selected text. (DO NOT USE)
    • Size
    • Text color
    • Background color
    • Heading
    • Strikethrough: Strikes a line through selected text. For example: these words.
    • Subscript:  Add a small letter or symbol below a line. E.g. writing the chemical compound N2
    • Superscript: Add a small letter or symbol above a line of text. E.g. writing equations 2= 8
    • Code: Insert a code block or apply a code block to selected text.
    • Regular text: Exclude selected text from being parsed by the editor.
    • Remove format: Remove all formatting from the selected content.

    Style  Menu

    The Style menu contains options for changing content behavior or appearance.
    MindTouch-Editor-Style-Menu.png

    • None
    • <pre> Format (DO NOT USE)
    • Blockquote
    • Conditional Text (ADVANCED USE ONLY)
      • Anonymous only
      • Community member only
      • Pro Member only
    • DekiScript
    • JavaScript (JEM)
    • CSS

    Elements  Menu

    The Elements menu contains options to insert media or alter HTML elements.
    MindTouch-Editor-Elements-Menu.png

    • Insert/Remove bulleted list
    • Insert/Remove numbered list
    • Definition list
    • Insert horizontal line
    • Page break
    • Insert special character
    • Content reuse
    • Insert Path (DO NOT USE)
    • Video
    • Templates
    • Link
    • Anchor
    • Image
    • Table

    Help Menu

    The Help menu links to references about the MindTouch Editor.MindTouch-Editor-Help-Menu.png