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

Align when using the Image button in the new TinyMCE editor doesn't work as expected

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-76277-master
    • Hide
      1. Navigate to site admin -> plugins -> Text editors -> Manage
      2. Enable TinyMCE and set it as the first editor
      3. Open the user menu
      4. Choose "Profile"
      5. Edit your profile
      6. Find the editor
      7. Insert three lines of text.
      8. In the middle of each line of text, insert an image:
        1. For the top image set the alignment to "Bottom"
        2. For the middle image set it to the Middle option
        3. For the bottom image set to the Top option
      9. After adding an image, select the image and click on the Image button again
      10. For each of the three alignment options:
        1. Confirm that the value was stored and restored between saving and reopening the image editor
      11. For each image save the dialogue again
      12. Open each one again
        1. Confirm that the value was restored again
      13. For each image use the Left, Centre, Right, Horizontal alignment optinos
      14. For each image save the dialogue again
      15. Open each one again
      16. Save each again
        1. Confirm that the justification was correctly preserved
      17. Save your changes
      18. View your profile
        1. Confirm that each of the images is displayed in the same way it was in the editor
      Show
      Navigate to site admin -> plugins -> Text editors -> Manage Enable TinyMCE and set it as the first editor Open the user menu Choose "Profile" Edit your profile Find the editor Insert three lines of text. In the middle of each line of text, insert an image: For the top image set the alignment to "Bottom" For the middle image set it to the Middle option For the bottom image set to the Top option After adding an image, select the image and click on the Image button again For each of the three alignment options: Confirm that the value was stored and restored between saving and reopening the image editor For each image save the dialogue again Open each one again Confirm that the value was restored again For each image use the Left, Centre, Right, Horizontal alignment optinos For each image save the dialogue again Open each one again Save each again Confirm that the justification was correctly preserved Save your changes View your profile Confirm that each of the images is displayed in the same way it was in the editor

      Steps to reproduce:

      1. Open the TinyMCE editor (for instance, in a forum)
      2. Write some text.
      3. Add an image in the middle of the text.

       

      Expected behaviour:

      The image is aligned to the right (at least that's the current behaviour with Atto).

       

      Current behaviour:

      Nothing happens (the Align setting is ignored):

        1. 76277-atto.png
          76277-atto.png
          249 kB
        2. 76277-tiny.png
          76277-tiny.png
          621 kB
        3. image_align.png
          image_align.png
          154 kB
        4. image_aligned_right_atto.gif
          image_aligned_right_atto.gif
          1.37 MB
        5. image_aligned_right_tinymce.gif
          image_aligned_right_tinymce.gif
          1.40 MB
        6. imgalignment.gif
          imgalignment.gif
          3.72 MB
        7. MDL-76277_testing.mp4
          6.37 MB

            dobedobedoh Andrew Lyons
            sarjona Sara Arjona (@sarjona)
            Stevani Andolo Stevani Andolo
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 25 minutes
                2h 25m

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