Redirected from en/docs/MindTouch/User Manual/Getting Started/Editor
2 of 2 found this page helpful

Editor

    FCKEditor

    MindTouch makes authoring web documents painless with FCKEditor. This built-in WYSIWYG editor is similar to that of a light weight word processor. There is no arcane notation to learn and memorize. Instead, you can format text with a click of a button and even copy/paste from other web pages and office applications. Likewise, inserting images and links is done through dialogs, which allow you to browse the wiki hierarchy or search for keywords. Below you will find the various toolbar sets that can be changed easily through the MindTouch Control Panel.

    Editor functionality

    Basic Toolbar

    Button Description Shortcut Notes Example
    save.png Saves the content on the page and returns you to the View Mode CRTL + SHIFT + S Click this button in order to save any changes  
    cancel.png Cancel   Cancels out of the editor  
    insertlink.png Insert/Edit Link CRTL +K Edits or Inserts a Link into the MindTouch Page Dialog Example
    insertpicture.png Insert/Edit Image   Edits or Insert an image into a MindTouch Page Dialog Example
    inserttemplate.png Insert Template   Inserts a Template from your list of Templates - Templates are found by going to Tools -> Templates
    Dialog Example
    inserttable.png Insert Table   Inserts a Table into a MindTouch Page Dialog Example
    extensions.png Insert Extensions   Any extensions that are available in MindTouch would be accessed through this button
    Dialog Example

    Simple Toolbar

    Includes everything above plus:

    Button Description Shortcut Notes Example
    source.png Allows you to edit the HTML   If you make any changes in source, it will be run through MindTouch's XHTML validator. If it is invalid XHTML it will be stripped out.  
    eraseformatting.png Removes the formatting of the Highlighted text   Beneficial if you copy over content that has a lot of formatting that you want to remove before saving  
    textcolor.png Changes the color of the text   If there is a specific color required, you can go into Source and manually add the color code Blue
    Green
    Red
    highlight.png Highlight text   Changes the background color of text Highlight
    plaintext.png Paste as Plain Text   Allows you to take formatted text and paste it as plain text in the editor  
    pasteword.png Paste Word content   Allows you to paste copied content from Microsoft Word into your editor  
    bold.png Bold CRTL + B Bolds the text bold
    italics.png Italics CRTL + I Changes the text to italics italics
    underline.png Underline CTRL+ U Underlines text underline
    strikethroug.png Strike Through   Strikes through the text Strike Through
    orderedlists.png Ordered List   Creates a numbered list
    1. Test
    2. Test1
    3. Test2
    unorderedlists.png Bulleted Lists   Creates a bulleted list out of text
    • test
    • test1
    • test2
    leftjustify.png Left Justify CTRL+ L Aligns the text to the left Left
    centerjustify.png Center Justify CRTL+ E Aligns the text in the Center
    Center
    format.png Format   Allows you to format text within the MindTouch page like Formatted, H1, H2, H3...etc Example
    rightjustify.png Right Justify CRTL+ R Aligns the text to the Right Right
    blockjustify.png Block Justify CRTL+ J Aligns the text in block Block
    decreaseindent.png Decrease Indent   Decreases the indent of indented text  
    increaseindent.png Increase Indent   Increases the indent of text  

    Default Toolbar

    Includes everything above plus:

    Button Description Shortcut Notes Example
    transformations.png Transformations   This allows you to apply syntax transformations to code - The code must be marked as Formatted before the transformation can be applied
    Example
    blockquote.png Block Quote   Puts text into a Block Quote, which indents it to stand out from the rest of the body text

    This is a Block Quote

    font.png Font   Allows you to apply different fonts to text Courier New
    Times New Roman
    Verdana

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/insert_and_attach_image.png

    Attach and Insert Image   Attaches and automatically inserts an image where the cursor is placed  
    insertvideo.png Insert Video   Inserts a Video into a MindTouch Page Dialog Example
    style.png Style   Allows you to apply a Style to Text Example
    textsize.png Size   Allows you to change the size of text

    smaller
    larger
    xx-small
    x-small
    small
    medium
    large
    x-large
    xx-large

    div.png Div editor   Allows you to add and edit Divs within a wiki page  

    Advanced Toolbar

    Includes everything above plus:

    Button Description Shortcut Notes Example
    undo.png Undo CRTL + Z Allows you to undo the last action  
    redo.png Redo CRTL+ Y Allows you to redo the last action  
    find.png Find   Finds keyword(s) within the editor  
    replace.png Replace   Will replace a words or phrases with words or phrases  

    Everything Toolbar

    Includes everything above plus:

    Button Description Shortcut Notes Example

    spellcheck.png

    Spell Check   Allows you to spell check a wiki page using the editor's built in Spell Check  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/aboutfck.png

    About FCKeditor   Provides information about FCKeditor, the default editor of MindTouch  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/button.png

    Insert Button   Inserts a button on the page for use with form creation

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/checkbox.png

    Insert Checkbox   Inserts a checkbox on the page for use with form creation

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/copy.png

    Copy CTRL + C Copies the highlighted content  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/cut.png

    Cut CTRL + X Cuts the highlighted content  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/form.png

    Insert Form  

    Inserts a form area that you can add other form elements into like checkbox, radio button, button

    Note: The form needs to have a destination in order to publish, this functionality isn't configured to publish to MindTouch by default

     

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/hidden_field.png

    Insert Hidden Field   Inserts a hidden field on the page for use with form creation

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/horizontalrule.png

    Insert Horizontal Rule   Inserts a horizontal rule on the page, great for dividing out content  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/image_button.png

    Image Properties   Allows you to change advanced properties of an inserted image  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/insert_anchor.png

    Insert Anchors   Allows you to insert an anchor, typically used for internal link references within a page  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/insert_flash.png

    Insert Flash File   Inserts a flash file where the  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/pagebreak.png

    Insert Page Break   Inserts a page break where the cursor is  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/paste.png

    Paste CRTL + V Pastes content in the editor that is on your clipboard  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/preview.png

    Print Preview   Opens a new window to preview your page as it would be printed (Note that you can receive a better Print Preview by Clicking the Print Page button at the top of the MindTouch Page)  

    File:User:Coreyg/mt/User_Manual/Getting_Started/Editor/print.png

    Print   Opens the browser print dialog. This can also be accessed by clicking Print Page at the top of the MindTouch Page  

    Insert Radio Button   Inserts a radio button on the page for use with form creation

    Remove Link   Removes a hyperlink from highlighted text  

    Insert Select   Inserts a select field on the page for use with form creation  

    Select All CTRL+ A Selects all of the content within the editor  

    Show Blocks   Shows the different html blocks within the editor  

    Insert Smiley   Inserts an Emoticon where your cursor is placed  

    Subscript   Allows you to format text as subscript Normal Subscript

    Superscript   Allows you to format text as superscript Normal Superscript

    Insert Special Characters   Allows you to insert special characters that may not be available on your keyboard by default

    special char.png

    Insert Textarea   Inserts a textarea on the page for use with form creation

    Insert Text Field   Inserts a text field on the page for use with form creation

    Enable Default Toolbar set including Spell Check


    Paste the following into your Editor Override Screen

    FCKConfig.ToolbarSets["Default"] = [
      ['MindTouchDeki_Save','-','Source'],
    
      ['Undo','Redo','-','Find','Replace','-','RemoveFormat','-','TextColor','BGColor'],
      ['MindTouchDeki_InsertExtension','-','MindTouchDeki_Transform'],
      '/',
      ['MindTouchDeki_Cancel'],
      ['PasteText','PasteWord'],
      ['Bold','Italic','Underline','StrikeThrough','-','OrderedList','UnorderedList','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','-','Outdent','Indent','Blockquote','CreateDiv'],
      ['MindTouchDeki_InsertLink','MindTouchDeki_InsertImage','MindTouchDeki_InsertVideo','MindTouchDeki_InsertTemplate','Table'],
      '/',
      ['Style','FontFormat','FontName','FontSize','SpellCheck']
    ] ;
      FCKConfig.SpellChecker = 'SpellerPages' ;
    


    Go into {WEB_ROOT}/editor/fckeditor/core/editor/dialog/fck_spellerpages/spellerpages/server-scripts/spellchecker.php and make sure the current aspell_prog is defined (Note: by default the C:\ path for aspell will not be commented out):

    //$aspell_prog  = '"C:\Program Files\Aspell\bin\aspell.exe"';  // by FredCK (for Windows)
    $aspell_prog  = 'aspell';
    

    Once you have the above configured, then clear your server cache by going to Control Panel -> Maintenance and History -> Cache Management -> Clear Server Cache

    Then clear your browser cache and do a hard refresh.

    Note: By default the spell check uses a web based spell checker.  If you'd like to use the local spell checker, follow the steps in the documentation.  

    Formatting and Transformations

    Plugins

    Below are a list of plugins that can be added to your editor to enhance functionality

    Was this page helpful?
    Tag page

    Files 67

    FileVersionSizeModified 
    You must login to post a comment.

    Copyright © 2011 MindTouch, Inc. Powered by