Skip to main content
Chemistry LibreTexts

4.1: Editing a Page

  • Page ID
    234095
  • Once you have forked a page it is ready for editing.

    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.

    YOU CAN ALWAYS PRESS CANCEL TO REVERT ANY MISTAKES.

    NEVER PANIC. THE SYSTEM SAVES ALL VERSIONS OF EVERY FILE AND THEY CAN ALWAYS BE RECOVERED.

    fig-ch01_patchfile_01.jpg
    Figure \(\PageIndex{1}\): After selecting the copied page to edit

    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.

    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.

    The erase all formatting is particularly useful if you are copy-pasting from another document which contains HTML codes, in particular MSWord, which is infamous for hiding bizare HTML codes. If at all possible avoid hyperlinking to pages external to LibreTexts as there is no guarantee that they will not disappear and your LibreTexts will get a case of linkrot, or you will have to check often to see that all of the links are working. 

    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 LibreTexts 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. Many of these functions are duplicated in the blue bar underneath the drop down menu, which you use is your choice. You have seen many of these in your operating system, word processor, or LMS editor.

    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. The HTML button on the
    blue bar of the editor provides the same functionsMindTouch-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. Except for Blockquote and Comment 
    avoid the rest until you have more experience and training. They are described in the full, on line Construction Guide
    MindTouch-Editor-Style-Menu.png

    • None
    • <pre> Format (DO NOT USE)
    • Blockquote
    • Comment
      • Only appears when the page is being edited.
      • Great for showing a replaced image when one is updated or corrected.
    • 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