Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Jon Behrens 53 posts 77 karma points
    Nov 02, 2010 @ 21:20
    Jon Behrens
    1

    Rich text editor - how do I add tinyMCE buttons

    In this article http://our.umbraco.org/wiki/umbraco-help/content/editcontent/rich-text-editor/editor-buttons, it says "Your system administrator is able to determine which buttons are displayed in different templates."

    The tinyMCE web site shows how to turn buttons on and off in javascript, but I am quite unable to find out how to do it in the Umbraco rich text editor.

    I would appreciate some kind soul either showing me how to do it or pointing me to an article explaining how.

     

    Copy Link
  • Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib
    Nov 02, 2010 @ 21:36
    Jan Skovgaard
    0

    Hi Jon

    To enable/disable buttons in the tinyMCE in Umbraco you need to go to the developer section and do the following

    1) Expand "datatypes"

    2) Find the Rich text editor type

    3) Decide, which buttons to show

    I hope it makes sense :-)

    /Jan

    Copy Link
  • Jon Behrens 53 posts 77 karma points
    Nov 02, 2010 @ 21:42
    Jon Behrens
    0

    Thanks, that does make sense. I should have been clearer. I want to add buttons that are not on the developer screen, eg a text color picker.

    The tinyMCE widget has the color picker, but it is not among the choices on the developer screen.

    Copy Link
  • Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib
    Nov 02, 2010 @ 21:53
    Jan Skovgaard
    0

    Try and have a look at the tinymceeditor.config fil, which can be found in the "config" folder.

    Here you should be able to add more commands, if I'm not mistaken. Have not been playing around with it myself yet. Remember to either touch the web.config or recycle the app pool to see your changes.

    /Jan

    Copy Link
  • Jon Behrens 53 posts 77 karma points
    Nov 02, 2010 @ 22:24
    Jon Behrens
    2

    Thanks again, that provided the clue I needed.

    The process is:

    1. Add a command block to the tinyMceConfig.config.
    2. The part that chooses what button to display is the tinyMceCommand element. You can get a list of possible commands from the TinyMce web site.
    3. Touch the web.config file and save both files.
    4. Go to developer screen -> Data Types -> Rich Text Editor. There you will now find a checkbox corresponding to the command you've just added.
    5. Check the box
    6. Go to any content page that has a Rich Text Editor and you will now see a button for the new command.
    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft