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

Atto: Allow users to resize images in atto

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      On all supported browsers

      Basic Test

      1. Visit your profile page.
      2. Click to edit your profile.
      3. Upload an image in the description.
      4. Confirm that you can resize the image in the editor.
      5. Save the description and ensure the image is the size you resized to earlier.

      From (4) in Basic Test. Test copy/paste.

      1. Click on the image in the editor.
      2. Once resize helpers show up. Do 'Ctrl+C'.
      3. Do 'Ctrl+V' in a specified position via cursor (add some text to have a place to position the cursor).
      4. Image should be copied, WITHOUT, the resize helpers.

      From (4) in Basic Test. Test delete.

      1. Click on the image in the editor.
      2. Once resize helpers show up. Press 'Delete' or 'Backspace'.
      3. Image should be gone.

      From (4) in Basic Test. Test image move.

      1. Due to the nature of contenteditable=false on image wrappers, dragging is disabled. Work around for this is cut/paste. A story will be created to have a image move feature.

      From (4) in Basic Test. Test image replace.

      1. Click on the image in the editor.
      2. Once resize helpers show up, double click it (or click the image plugin button).
      3. Replace the image.
      4. The image should be replaced.

      Multiple editor instance test.

      1. Create a course.
      2. Add a quiz.
      3. Add a multiple choice question.
      4. The multiple choice question editor have multiple atto editor.
      5. Do All test above
      Show
      On all supported browsers Basic Test Visit your profile page. Click to edit your profile. Upload an image in the description. Confirm that you can resize the image in the editor. Save the description and ensure the image is the size you resized to earlier. From (4) in Basic Test . Test copy/paste. Click on the image in the editor. Once resize helpers show up. Do 'Ctrl+C'. Do 'Ctrl+V' in a specified position via cursor (add some text to have a place to position the cursor). Image should be copied, WITHOUT, the resize helpers. From (4) in Basic Test . Test delete. Click on the image in the editor. Once resize helpers show up. Press 'Delete' or 'Backspace'. Image should be gone. From (4) in Basic Test . Test image move. Due to the nature of contenteditable=false on image wrappers, dragging is disabled. Work around for this is cut/paste. A story will be created to have a image move feature. From (4) in Basic Test . Test image replace. Click on the image in the editor. Once resize helpers show up, double click it (or click the image plugin button). Replace the image. The image should be replaced. Multiple editor instance test. Create a course. Add a quiz. Add a multiple choice question. The multiple choice question editor have multiple atto editor. Do All test above
    • Affected Branches:
      MOODLE_27_STABLE
    • Pull Master Branch:
      wip-MDL-54710-4

      Description

      Being able to resize the images from within the editor.

        Attachments

        1. resizing-issue.png
          108 kB
          Mark Nelson
        2. resizing-issue-2.png
          133 kB
          Mark Nelson

          Issue Links

            Activity

              People

              Assignee:
              joeyandres Joey Andres
              Reporter:
              joeyandres Joey Andres
              Peer reviewer:
              Mark Nelson
              Participants:
              Component watchers:
              Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: