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

TinyMCE strips empty HTML tags

XMLWordPrintable

    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80081-403
    • MDL-80081-main
    • Hide
      1. Log in as Admin
      2. Click the user image profile on the top navigation
      3. Click Preferences
      4. In the User Account, click the Editor preferences
      5. Select TinyMCE Editor
      6. Click the Save changes button
      7. Click the user image profile on the top navigation
      8. Click Profile
      9. Click Edit Profile
      10. Navigate to the Description editor
      11. At the editor Click View >> Source Code
      12. Fill in with the below code: 

        <p><i class="fa-solid fa-check" style="font-size: 1.5em; color: green;"></i></p>

      13. Click the Save button
      14. Click View >> Source Code
      15. Verify that the code still exists.
      16. Click the Save button
      17. Click the Update Profile button
      18. Verify that on the user profile page, there is a nice fontawesome check icon with a green color.
      Show
      Log in as Admin Click the user image profile on the top navigation Click Preferences In the User Account, click the Editor preferences Select TinyMCE Editor Click the Save changes button Click the user image profile on the top navigation Click Profile Click Edit Profile Navigate to the Description editor At the editor Click View >> Source Code Fill in with the below code: <p><i class = "fa-solid fa-check" style= "font-size: 1.5em; color: green;" ></i></p> Click the Save button Click View >> Source Code Verify that the code still exists. Click the Save button Click the Update Profile button Verify that on the user profile page, there is a nice fontawesome check icon with a green color.
    • 2
    • Team Hedgehog 2023 Sprint 4.3, Team Hedgehog 2023 Review 4

      If you try to add a font awesome icon like<p><i class="fa-solid fa-check" style="font-size: 1.5em; color: green;"></i></p> Tiny MCE removes the i-tag, because it does not have any content. If I add a space <p><i class="fa-solid fa-check" style="font-size: 1.5em; color: green;"> </i></p> TinyMCE keeps the tag.

      It should be able to insert font awesome icons by copying the provided html code from font awesome without adding the extra space.

      Relatest to: https://tracker.moodle.org/browse/MDL-76233

        1. (1) 15 Passed -- (Main)MDL-80081.png
          (1) 15 Passed -- (Main)MDL-80081.png
          32 kB
        2. (1) 18 Passed -- (Main)MDL-80081.png
          (1) 18 Passed -- (Main)MDL-80081.png
          40 kB

            meirza.arson@moodle.com Meirza
            Laßnig Julia
            Huong Nguyen Huong Nguyen
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            1 Vote for this issue
            Watchers:
            14 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 days, 5 hours, 28 minutes
                4d 5h 28m

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