Skip to main content
Chemistry LibreTexts

2.2: Editing a Page

  • Page ID
    148793
  • 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.

    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 Editor 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.

    Do no harm (or illegal activities)

    You are responsible for the content that you provide, including but not limited to photos, profiles information, messages, search results edits, and other content that you upload, publish or display on or through LibreTexts, or transmit to or share with other users. You may not submit content to LirbeTexts that you did not create or that you do not have permission to submit. You understand and agree that others may, but are not obligated to, edit, delete or remove (without notice) any content from LibreTexts, for any reason or no reason.

    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 23 = 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