Uploaded image for project: '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

      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?

        Gliffy Diagrams

        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

            pilpi Olli Savolainen created issue -
            pilpi Olli Savolainen made changes -
            Field Original Value New Value
            Assignee moodle.com [ moodle.com ] Tim Hunt [ timhunt ]
            pilpi 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?
            pilpi 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?
            pilpi Olli Savolainen made changes -
            Attachment patch.txt [ 18231 ]
            pilpi Olli Savolainen made changes -
            Link This issue is blocked by MDL-19611 [ MDL-19611 ]
            timhunt Tim Hunt made changes -
            Assignee Tim Hunt [ timhunt ] moodle.com [ moodle.com ]
            pilpi Olli Savolainen made changes -
            Assignee moodle.com [ moodle.com ] Petr Škoda (skodak) [ skodak ]
            pilpi Olli Savolainen made changes -
            Attachment patch2.txt [ 19811 ]
            Attachment patch2.png [ 19812 ]
            pilpi Olli Savolainen made changes -
            Link This issue blocks MDL-19611 [ MDL-19611 ]
            pilpi Olli Savolainen made changes -
            Attachment buttons removed from tinymce.png [ 19822 ]
            skodak Petr Skoda made changes -
            Status Open [ 1 ] In Progress [ 3 ]
            korpelainen Mauno Korpelainen made changes -
            Attachment Kitchen sink plugin.jpg [ 21839 ]
            korpelainen Mauno Korpelainen made changes -
            Attachment Yesterday - Today.jpg [ 21841 ]
            korpelainen Mauno Korpelainen made changes -
            Attachment Editor switcher.jpg [ 21842 ]
            korpelainen Mauno Korpelainen made changes -
            pilpi Olli Savolainen made changes -
            korpelainen Mauno Korpelainen made changes -
            Attachment pdw.zip [ 21873 ]
            korpelainen Mauno Korpelainen made changes -
            korpelainen Mauno Korpelainen made changes -
            Attachment Must-have-buttons.jpg [ 21894 ]
            dougiamas Martin Dougiamas made changes -
            Fix Version/s 2.0.1 [ 10420 ]
            Fix Version/s 2.0 [ 10122 ]
            dougiamas Martin Dougiamas made changes -
            Workflow jira [ 33154 ] MDL Workflow [ 47584 ]
            dougiamas Martin Dougiamas made changes -
            Fix Version/s 2.0.2 [ 10421 ]
            Fix Version/s 2.0.1 [ 10420 ]
            tsala Helen Foster made changes -
            Labels triaged
            Fix Version/s STABLE backlog [ 10463 ]
            Fix Version/s 2.0.2 [ 10421 ]
            skodak Petr Skoda made changes -
            Status In Progress [ 3 ] Open [ 1 ]
            skodak Petr Skoda made changes -
            Assignee Petr Škoda (skodak) [ skodak ] moodle.com [ moodle.com ]
            dougiamas Martin Dougiamas made changes -
            Workflow MDL Workflow [ 47584 ] MDL Full Workflow [ 73658 ]
            salvetore Michael de Raadt made changes -
            Link This issue has been marked as being related by MDL-27761 [ MDL-27761 ]
            nadavkav Nadav Kavalerchik made changes -
            Link This issue has been marked as being related by MDL-25450 [ MDL-25450 ]
            timhunt Tim Hunt made changes -
            Summary Remove extra TinyMCE buttons Allow admins to configure which TinyMCE toolbar buttons are used on their site
            tsala Helen Foster made changes -
            Labels triaged lost_functionality triaged
            dmonllao David Monllaó made changes -
            Link This issue will help resolve MDL-28527 [ MDL-28527 ]
            dmonllao David Monllaó made changes -
            Link This issue will help resolve MDL-26954 [ MDL-26954 ]
            dmonllao David Monllaó made changes -
            Link This issue will help resolve MDL-30587 [ MDL-30587 ]
            jmvedrine Jean-Michel Vedrine made changes -
            Link This issue has a non-specific relationship to MDL-33041 [ MDL-33041 ]
            salvetore 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 ]
            salvetore Michael de Raadt made changes -
            Link This issue is duplicated by MDL-30587 [ MDL-30587 ]
            tsala Helen Foster made changes -
            Labels patch triaged lost_functionality patch triaged
            skodak Petr Skoda made changes -
            Link This issue duplicates MDL-35172 [ MDL-35172 ]
            skodak Petr Skoda 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: