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

          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: