Moodle
  1. Moodle
  2. MDL-20139

Allow admins to configure which TinyMCE toolbar buttons are used on their site

    Details

    • Affected Branches:
      MOODLE_20_STABLE, MOODLE_23_STABLE
    • Rank:
      742

      Description

      Related discussions:
      http://moodle.org/mod/forum/discuss.php?d=122460#p546841
      http://moodle.org/mod/forum/discuss.php?d=130470

      Attached: TinyMCE init code that will produce the editor in the screenshot. Note that this change does not require changing the code of TinyMCE but just of the JS code that calls TinyMCE.

      Still required: Integration as Moodle default. I could not find out how to do this.

      The goal of this change is to reduce the three row toolbar in TinyMCE to two rows, making it resemble the legacy HTMLarea more. There are two reasons for this:

      • the HTMLarea toolbar design seems to have seemingly good defaults for everyday use, and
      • since users in 1.9 are used to it, there is no risk in keeping the same toolbar (= WOW. for once we actually know what many users will expect).

      On the other hand, the TinyMCE default of three rows is really a usability disaster.

      I did regroup the buttons a bit from what they are in HTMLarea, to have related items grouped together and unrelated ones separated - and to accommodate the elements that were removed or replaced.

      Removed vs. the TinyMCE in Moodle HEAD atm:

      • The style menu that was broken
      • citation,abbreviation,acronym
      • select all - there is a quite ubiquitous shortcut key ctrl+a and this can be emulated with the mouse too
      • preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
      • visual control characters on/off
      • edit css style
      • insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
      • insert/edit embedded media
      • create anchor
      • insert/edit embedded media (removed due to lack of space, can perhaps be put back)

      Removed vs. HTMLarea

      • Clean Word HTML (paste from word is there though)
      • Lang menu (was not in tinymce full featured),
      • fullscreen
      • Justify both left and right - rarely needed and often considered harmful for legibility for reading onscreen

      Added vs. HTMLarea

      Instead of the popup window in HTMLarea, fullscreen in TinyMCE takes up the entire viewport for the rich text editor.
      Was there an equation editor? Where has that gone?

      1. patch.txt
        3 kB
        Olli Savolainen
      2. patch2.txt
        3 kB
        Olli Savolainen
      3. tiny.html
        1 kB
        Olli Savolainen
      1. 2010-10-18 moodle 3-row tinymce suggestion.png
        15 kB
      2. buttons removed from tinymce.png
        24 kB
      3. current version a.k.a we're all gonna die horribly unless we get to a lifeboat somewhere here.png
        17 kB
      4. custom theme with 800 x 600 px screen.jpg
        59 kB
      5. Editor switcher.jpg
        27 kB
      6. Kitchen sink plugin.jpg
        53 kB
      7. Must-have-buttons.jpg
        18 kB
      8. patch2.png
        14 kB
      9. Screenshot-1.png
        40 kB
      10. The most useful plugin on earth.jpg
        149 kB
      11. Yesterday - Today.jpg
        53 kB

        Issue Links

          Activity

          Olli Savolainen created issue -
          Olli Savolainen made changes -
          Field Original Value New Value
          Assignee moodle.com [ moodle.com ] Tim Hunt [ timhunt ]
          Olli Savolainen made changes -
          Description Related discussions:
          http://moodle.org/mod/forum/discuss.php?d=122460#p546841
          http://moodle.org/mod/forum/discuss.php?d=130470

          Attached: TinyMCE init code that will produce the editor in the screenshot. Note that this change does *not* require changing the code of TinyMCE but just of the JS code that calls TinyMCE.

          Still required: Integration as Moodle default. I could not find out how to do this.


          The goal of this change is to reduce the three row toolbar in TinyMCE to two rows, making it resemble the legacy HTMLarea more. There are two reasons for this:
          * the HTMLarea toolbar design seems to have seemingly good defaults for everyday use, and
          * since users in 1.9 are used to it, there is no risk in keeping the same toolbar (= WOW. for once we actually know what many users will expect).

          On the other hand, the TinyMCE default of three rows is really a usability disaster.

          I did regroup the buttons a bit from what they are in HTMLarea, to have related items grouped together and unrelated ones separated - and to accommodate the elements that were removed or replaced.

          Removed vs. the TinyMCE in Moodle HEAD atm:
          * The style menu that was broken
          * citation,abbreviation,acronym
          * select all
          * preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
          * visual control characters on/off
          * edit css style
          * insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
          * insert/edit embedded media
          * create anchor
          * moodlenolink.desc (not sure what this extra remove link button is, there is already one?)
          * insert/edit embedded media (removed due to lack of space, can perhaps be put back)

          Removed vs. HTMLarea
          * Clean Word HTML (paste from word is there though)
          * Prevent automatic linking (supposedly not relevant in tinymce)
          * Lang menu (was not in tinymce full featured),
          * fullscreen
          * Justify both left and right - rarely needed and often considered harmful for legibility for reading onscreen

          Added vs. HTMLarea
          * remove formatting
          * cut,copy,paste,paste word, paste plain text
          * cleanup messy formatting
          * non-breaking space - according to Pierre Pichet, required by the French
          * find

          Instead of the popup window in HTMLarea, fullscreen in TinyMCE takes up the entire viewport for the rich text editor.
          Was there an equation editor? Where has that gone?
          Related discussions:
          http://moodle.org/mod/forum/discuss.php?d=122460#p546841
          http://moodle.org/mod/forum/discuss.php?d=130470

          Attached: TinyMCE init code that will produce the editor in the screenshot. Note that this change does *not* require changing the code of TinyMCE but just of the JS code that calls TinyMCE.

          Still required: Integration as Moodle default. I could not find out how to do this.


          The goal of this change is to reduce the three row toolbar in TinyMCE to two rows, making it resemble the legacy HTMLarea more. There are two reasons for this:
           * the HTMLarea toolbar design seems to have seemingly good defaults for everyday use, and
           * since users in 1.9 are used to it, there is no risk in keeping the same toolbar (= WOW. for once we actually know what many users will expect).

          On the other hand, the TinyMCE default of three rows is really a usability disaster.

          I did regroup the buttons a bit from what they are in HTMLarea, to have related items grouped together and unrelated ones separated - and to accommodate the elements that were removed or replaced.

          Removed vs. the TinyMCE in Moodle HEAD atm:
           * The style menu that was broken
           * citation,abbreviation,acronym
           * select all - there is a quite ubiquitous shortcut key ctrl+a and this can be emulated with the mouse too
           * preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
           * visual control characters on/off
           * edit css style
           * insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
           * insert/edit embedded media
           * create anchor
           * moodlenolink.desc (not sure what this extra remove link button is, there is already one?)
           * insert/edit embedded media (removed due to lack of space, can perhaps be put back)

          Removed vs. HTMLarea
           * Clean Word HTML (paste from word is there though)
           * Prevent automatic linking (supposedly not relevant in tinymce)
           * Lang menu (was not in tinymce full featured),
           * fullscreen
           * Justify both left and right - rarely needed and often considered harmful for legibility for reading onscreen

          Added vs. HTMLarea
           * remove formatting
           * cut,copy,paste,paste word, paste plain text
           * cleanup messy formatting
           * non-breaking space - according to Joseph Rézeau http://moodle.org/mod/forum/discuss.php?d=130470#p570242 , required by the French
           * find

          Instead of the popup window in HTMLarea, fullscreen in TinyMCE takes up the entire viewport for the rich text editor.
          Was there an equation editor? Where has that gone?
          Olli Savolainen made changes -
          Description Related discussions:
          http://moodle.org/mod/forum/discuss.php?d=122460#p546841
          http://moodle.org/mod/forum/discuss.php?d=130470

          Attached: TinyMCE init code that will produce the editor in the screenshot. Note that this change does *not* require changing the code of TinyMCE but just of the JS code that calls TinyMCE.

          Still required: Integration as Moodle default. I could not find out how to do this.


          The goal of this change is to reduce the three row toolbar in TinyMCE to two rows, making it resemble the legacy HTMLarea more. There are two reasons for this:
           * the HTMLarea toolbar design seems to have seemingly good defaults for everyday use, and
           * since users in 1.9 are used to it, there is no risk in keeping the same toolbar (= WOW. for once we actually know what many users will expect).

          On the other hand, the TinyMCE default of three rows is really a usability disaster.

          I did regroup the buttons a bit from what they are in HTMLarea, to have related items grouped together and unrelated ones separated - and to accommodate the elements that were removed or replaced.

          Removed vs. the TinyMCE in Moodle HEAD atm:
           * The style menu that was broken
           * citation,abbreviation,acronym
           * select all - there is a quite ubiquitous shortcut key ctrl+a and this can be emulated with the mouse too
           * preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
           * visual control characters on/off
           * edit css style
           * insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
           * insert/edit embedded media
           * create anchor
           * moodlenolink.desc (not sure what this extra remove link button is, there is already one?)
           * insert/edit embedded media (removed due to lack of space, can perhaps be put back)

          Removed vs. HTMLarea
           * Clean Word HTML (paste from word is there though)
           * Prevent automatic linking (supposedly not relevant in tinymce)
           * Lang menu (was not in tinymce full featured),
           * fullscreen
           * Justify both left and right - rarely needed and often considered harmful for legibility for reading onscreen

          Added vs. HTMLarea
           * remove formatting
           * cut,copy,paste,paste word, paste plain text
           * cleanup messy formatting
           * non-breaking space - according to Joseph Rézeau http://moodle.org/mod/forum/discuss.php?d=130470#p570242 , required by the French
           * find

          Instead of the popup window in HTMLarea, fullscreen in TinyMCE takes up the entire viewport for the rich text editor.
          Was there an equation editor? Where has that gone?
          Related discussions:
          http://moodle.org/mod/forum/discuss.php?d=122460#p546841
          http://moodle.org/mod/forum/discuss.php?d=130470

          Attached: TinyMCE init code that will produce the editor in the screenshot. Note that this change does *not* require changing the code of TinyMCE but just of the JS code that calls TinyMCE.

          Still required: Integration as Moodle default. I could not find out how to do this.


          The goal of this change is to reduce the three row toolbar in TinyMCE to two rows, making it resemble the legacy HTMLarea more. There are two reasons for this:
           * the HTMLarea toolbar design seems to have seemingly good defaults for everyday use, and
           * since users in 1.9 are used to it, there is no risk in keeping the same toolbar (= WOW. for once we actually know what many users will expect).

          On the other hand, the TinyMCE default of three rows is really a usability disaster.

          I did regroup the buttons a bit from what they are in HTMLarea, to have related items grouped together and unrelated ones separated - and to accommodate the elements that were removed or replaced.

          Removed vs. the TinyMCE in Moodle HEAD atm:
           * The style menu that was broken
           * citation,abbreviation,acronym
           * select all - there is a quite ubiquitous shortcut key ctrl+a and this can be emulated with the mouse too
           * preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
           * visual control characters on/off
           * edit css style
           * insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
           * insert/edit embedded media
           * create anchor
           * insert/edit embedded media (removed due to lack of space, can perhaps be put back)

          Removed vs. HTMLarea
           * Clean Word HTML (paste from word is there though)
           * Lang menu (was not in tinymce full featured),
           * fullscreen
           * Justify both left and right - rarely needed and often considered harmful for legibility for reading onscreen

          Added vs. HTMLarea
           * remove formatting
           * cut,copy,paste,paste word, paste plain text
           * cleanup messy formatting
           * non-breaking space - according to Joseph Rézeau http://moodle.org/mod/forum/discuss.php?d=130470#p570242 , required by the French
           * find

          Instead of the popup window in HTMLarea, fullscreen in TinyMCE takes up the entire viewport for the rich text editor.
          Was there an equation editor? Where has that gone?
          Olli Savolainen made changes -
          Attachment patch.txt [ 18231 ]
          Olli Savolainen made changes -
          Link This issue is blocked by MDL-19611 [ MDL-19611 ]
          Tim Hunt made changes -
          Assignee Tim Hunt [ timhunt ] moodle.com [ moodle.com ]
          Olli Savolainen made changes -
          Assignee moodle.com [ moodle.com ] Petr Škoda (skodak) [ skodak ]
          Olli Savolainen made changes -
          Attachment patch2.txt [ 19811 ]
          Attachment patch2.png [ 19812 ]
          Olli Savolainen made changes -
          Link This issue blocks MDL-19611 [ MDL-19611 ]
          Olli Savolainen made changes -
          Attachment buttons removed from tinymce.png [ 19822 ]
          Petr Škoda made changes -
          Status Open [ 1 ] In Progress [ 3 ]
          Mauno Korpelainen made changes -
          Attachment Kitchen sink plugin.jpg [ 21839 ]
          Mauno Korpelainen made changes -
          Attachment Yesterday - Today.jpg [ 21841 ]
          Mauno Korpelainen made changes -
          Attachment Editor switcher.jpg [ 21842 ]
          Mauno Korpelainen made changes -
          Olli Savolainen made changes -
          Mauno Korpelainen made changes -
          Attachment pdw.zip [ 21873 ]
          Mauno Korpelainen made changes -
          Mauno Korpelainen made changes -
          Attachment Must-have-buttons.jpg [ 21894 ]
          Martin Dougiamas made changes -
          Fix Version/s 2.0.1 [ 10420 ]
          Fix Version/s 2.0 [ 10122 ]
          Martin Dougiamas made changes -
          Workflow jira [ 33154 ] MDL Workflow [ 47584 ]
          Martin Dougiamas made changes -
          Fix Version/s 2.0.2 [ 10421 ]
          Fix Version/s 2.0.1 [ 10420 ]
          Helen Foster made changes -
          Labels triaged
          Fix Version/s STABLE backlog [ 10463 ]
          Fix Version/s 2.0.2 [ 10421 ]
          Petr Škoda made changes -
          Status In Progress [ 3 ] Open [ 1 ]
          Petr Škoda made changes -
          Assignee Petr Škoda (skodak) [ skodak ] moodle.com [ moodle.com ]
          Martin Dougiamas made changes -
          Workflow MDL Workflow [ 47584 ] MDL Full Workflow [ 73658 ]
          Michael de Raadt made changes -
          Link This issue has been marked as being related by MDL-27761 [ MDL-27761 ]
          Nadav Kavalerchik made changes -
          Link This issue has been marked as being related by MDL-25450 [ MDL-25450 ]
          Tim Hunt made changes -
          Summary Remove extra TinyMCE buttons Allow admins to configure which TinyMCE toolbar buttons are used on their site
          Helen Foster made changes -
          Labels triaged lost_functionality triaged
          David Monllaó made changes -
          Link This issue will help resolve MDL-28527 [ MDL-28527 ]
          David Monllaó made changes -
          Link This issue will help resolve MDL-26954 [ MDL-26954 ]
          David Monllaó made changes -
          Link This issue will help resolve MDL-30587 [ MDL-30587 ]
          Jean-Michel Vedrine made changes -
          Link This issue has a non-specific relationship to MDL-33041 [ MDL-33041 ]
          Michael de Raadt made changes -
          Fix Version/s DEV backlog [ 10464 ]
          Fix Version/s STABLE backlog [ 10463 ]
          Priority Minor [ 4 ] Major [ 3 ]
          Labels lost_functionality triaged patch triaged
          Affects Version/s 2.3 [ 10657 ]
          Michael de Raadt made changes -
          Link This issue is duplicated by MDL-30587 [ MDL-30587 ]
          Helen Foster made changes -
          Labels patch triaged lost_functionality patch triaged
          Petr Škoda made changes -
          Link This issue duplicates MDL-35172 [ MDL-35172 ]
          Petr Škoda made changes -
          Status Open [ 1 ] Closed [ 6 ]
          Assignee moodle.com [ moodle.com ] Petr Škoda (skodak) [ skodak ]
          Fix Version/s DEV backlog [ 10464 ]
          Resolution Duplicate [ 3 ]

            People

            • Votes:
              10 Vote for this issue
              Watchers:
              12 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: