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

TinyMCE strips empty HTML tags

    XMLWordPrintable

Details

    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80081-402
    • 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

    Description

      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

      Attachments

        Issue Links

          Activity

            People

              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

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  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

                  Clockify

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