Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-80633

Upgrade TinyMCE codemirror and beautify to 1.15.1

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80633-main
    • Hide

      Testing instructions copied and modified and adjusted for tinymce from MDL-71718.

      Pre-requisites:

      • Instance with Tiny as a default editor
      • One user

      Testing scenario:

      1) Edit a user profile and write the following text in the description field (you can copy-paste):

      This is my first paragraph.

      This is my second paragraph with bold.

      1. One ordered list
      2. with two elements
        1. And a sublist item

      And another list:

      • Unordered list
      • With two elements
        • And a sublist element

      2) Click on the View / Source Code menu item

      3) Then the HTML code should appear with line numbers and all the tags in a color (usually green).

      4) With the Source Code view activate, select all text in the description and delete it, then type (don't copy-paste this time): 

      1. Type "Text" and press enter: then the next line should not be tabbed
      2. Type "<ul>" and press enter: then the next line should be tabbed one time (by default each tab are two white spaces)
      3. Type "<li>" and press enter: then the next line should be tabbed two times
      4. Type "Text" and press enter:  then the next line should be also tabbed two times
      5. Type "</li>": when the ">" is typed, then the line should reduce the tabbed to match the "<li>" tag.
      6. Press enter to do a line break: then the next line should continue tabbed one time
      7. Type "</ul>": when the ">" is typed, then the line should reduce the tabbed to match the "<ul>" tag.
      8. Press enter to do a line break:  then the next line should not be tabbed

       6) In the source editor, click on Save. Then the text should be the word Text twice, one in the beginning and one inside the list.

      7) Add some line breaks at the end of the text (in WYSIWYG mode) and insert an image on the text with the "insert or edit image" button. Then the image should be displayed inside Tiny

      8) Go to the source editor.  Then the <img> tag should appear remarked in one colour (green) and the attributes like "src=..." in another (red).

      9) Add some lines at the end of the HTML text and write the word "Another text"

      10) Save the content and then the content in the main editor should be the same as before plus the "Another text" word in the end.

      11) Save/update  the profile. Then the description should be the same text as you write in the field.

      Show
      Testing instructions copied and modified and adjusted for tinymce from MDL-71718 . Pre-requisites: Instance with Tiny as a default editor One user Testing scenario: 1) Edit a user profile and write the following text in the description field (you can copy-paste): This is my first paragraph. This is my second paragraph with bold . One ordered list with two elements And a sublist item And another list: Unordered list With two elements And a sublist element 2) Click on the View / Source Code menu item 3) Then the HTML code should appear with line numbers and all the tags in a color (usually green). 4) With the Source Code view activate, select all text in the description and delete it, then type ( don't copy-paste this time ):  Type "Text" and press enter: then the next line should not be tabbed Type "<ul>" and press enter: then the next line should be tabbed one time (by default each tab are two white spaces) Type "<li>" and press enter: then the next line should be tabbed two times Type "Text" and press enter:  then the next line should be also tabbed two times Type "</li>": when the ">" is typed, then the line should reduce the tabbed to match the "<li>" tag. Press enter to do a line break: then the next line should continue tabbed one time Type "</ul>": when the ">" is typed, then the line should reduce the tabbed to match the "<ul>" tag. Press enter to do a line break:  then the next line should not be tabbed  6) In the source editor , click on Save. Then the text should be the word Text twice, one in the beginning and one inside the list. 7) Add some line breaks at the end of the text (in WYSIWYG mode) and insert an image on the text with the "insert or edit image" button. Then the image should be displayed inside Tiny 8) Go to the source editor.   Then the <img> tag should appear remarked in one colour (green) and the attributes like "src=..." in another (red). 9) Add some lines at the end of the HTML text and write the word "Another text" 10) Save the content and then the content in the main editor should be the same as before plus the "Another text" word in the end. 11) Save/update  the profile. Then the description should be the same text as you write in the field.
    • HQ 2024 Sprint I1.3 Moppies

      Upgrade Codemirror and beautify 

      • lib/editor/tiny/plugins/html/amd/src/codemirror-lazy.js    core library 6.0.1 did not change, only dependencies   https://github.com/codemirror/CodeMirror
      • lib/editor/tiny/plugins/html/amd/src/beautify/beautify.js : 1.14.8 => v1.5.1

       

       

            laurent.david@moodle.com Laurent David
            sarjona Sara Arjona (@sarjona)
            Mikel Martín Corrales Mikel Martín Corrales
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 hours, 30 minutes
                6h 30m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.