Sketch

Atto ::: atto_sketch
Maintained by Matthew Davidson
Simple image "paint like" editor for atto.
Latest release:
1007 sites
161 downloads
28 fans
Current versions available: 2
Download

Description

Adds a simple "Paint" like program to the atto editor. Features include simple shape tools, drawing, typing, colors, undo/redo. Utilizes the open source "Literally Canvas" image editor. http://literallycanvas.com/


Installation

Create the lib/editor/atto/plugins/sketch folder and place all files there. Run through standard Moodle update/install process.

IT IS HIGHLY ADVISED TO CHANGE THE DEFAULT IMAGE SETTING OF THIS PLUGIN FROM INLINE BASE64 IMAGES TO STANDARD MOODLE.  SEE https://tracker.moodle.org/browse/MDL-59997

Use

Set cursor in the editor and click the sketch icon. The editor will open full screen. Use a stylus, finger or mouse to create/edit image. Click "Insert Sketch" to add to editor.

* When used with the Quiz essay question type, please be advised that the essay response format must be set to "HTML-Editor with filepicker" for full functionality.


Useful links

More documentation on this plugin
Source control URL
Bug tracker

Screenshots

Screenshot #0
Screenshot #1

Contributors

Matthew Davidson (Lead maintainer)
View other contributions
Please login to view contributors details and/or to contact them

Awards

Early bird 3.5
Early bird 3.5
Privacy friendly
Privacy friendly
Early bird 3.7
Early bird 3.7
Early bird 3.11
Early bird 3.11

Comments RSS

Comments

  • Enrique Castro
    Fri, Sep 1, 2017, 11:51 PM
    Hi Matthew, I'n sorry I was NOT clearer in my first message. Yes, the problem is the cleaning by the function format_text().
    But that cleaning is there for a reason. Input from students, even form teachers, MUST be cleaned. People tend to copy-paste any type of things. We have had some incidents with teachers inadvertently pasting hidden malicious scripts, or just inconvenient advertisements.
    A much better way to deal with the issue would be to store the image file in the editor draft filearea. But it's a significant more work, I understand.

  • Matthew Davidson
    Fri, Sep 1, 2017, 11:55 PM
    @Enrique Castro Thanks again for the feedback. I have been looking into ways to do what you are requesting. However with the change I've submitted in MDL-59997, it would be strictly allowing only 3 mime types. I've search all over about security issues with Data URI and the only issues I've seen are with text mime types. So I've submitted it to Moodle with "possible" security questions, to see what they think.
  • Rob Johnson
    Tue, Sep 5, 2017, 4:55 AM
    Hi Matthew,
    I have not altered the setup in any way. I was using Firefox as my browser.
  • Matthew Davidson
    Wed, Sep 6, 2017, 3:52 AM
    @Rob Johnson I am running Moodle 3.3 with Adaptable 1.5, running Firefox. Still unable to recreate the issue. Please install the latest version of the plugin and let me know if it is still not working for you.
  • Matthew Davidson
    Tue, Sep 12, 2017, 9:28 PM
    @Enrique Castro Both the tinymce and atto version of sketch now support uploading into the Moodle repo as normal Moodle images. Please test it out and see if it does what you hope. Latest version just released today. Version 2017090800
  • Irith Herman
    Mon, Feb 12, 2018, 7:21 PM
    Is there any way to add more features to the sketch like magic wand?
  • Matthew Davidson
    Mon, Feb 12, 2018, 9:21 PM
    @Irith Herman Yes, there is a way to add additional features. http://literallycanvas.com/api/tools.html However I'm not sure how difficult a magic wand would be. I will look into it and see what would be involved. Thanks for the comment.
  • Irith Herman
    Tue, Feb 13, 2018, 3:43 PM
    Thank you Mattew . I"m waiting for youranswer.
  • Florian Krause
    Mon, Mar 5, 2018, 10:52 PM
    super! für smartphones und tabletts einfach der hit! hat kurz gedauert, bis ich kapiert hatte, dass man das icon bei den einstellungen vom editor noch hinzufügen muss (-: und im css vom template habe ich die höhe auf 95% gesetzt, sonst war auf dem ipad der button zum bestätigen außerhalb der anzeige ... jetzt hab ich viel spaß mit dem touchpen. eine nutzerin hat mir sogar gesagt, dass sie jetzt moodle nutzt, um ihre zeichnungen als bild zu speichern ...
  • Michal Wazana
    Tue, Mar 13, 2018, 6:05 PM
    nice,
    it would be even better if you will be able to edit shapes and text (fixing, moving, resizing..) after placing them..
  • j s
    Thu, Jul 5, 2018, 12:30 AM
    Hi not sure if it's here that i should ask or comment. Is it possible for to shift the "Insert Image" button that is currently at the bottom of the page to the top or to the side bar? Was using it on the phone and on a another small screen and everything works, but could not insert the image because the button was inaccessible. Possible? Any help?
  • Marc Mathys
    Wed, Oct 31, 2018, 11:46 PM

    I cannot see the controls once the frame opens and seem to be getting these errors and I am not sure how to fix. Thanks

    [Error] Refused to display 'https://set.online.uni-marburg.de/elearning/lib/editor/atto/plugins/sketch/sketch.html' in a frame because it set 'X-Frame-Options' to 'DENY'.
    [Error] Sandbox access violation: Blocked a frame at "https://set.online.uni-marburg.de" from accessing a frame at "null". The frame being accessed is sandboxed and lacks the "allow-same-origin" flag.
    (anonymous function) (yui_combo.php:9:4291)
    [Error] TypeError: null is not an object (evaluating 'document.getElementById(o).contentDocument.getElementsByClassName')
    (anonymous function) (yui_combo.php:9:4307)
  • sara HHH
    Tue, Oct 22, 2019, 7:07 PM
    Hi,

    i have instaled Plugins but unfortunatly it doesn't appear Icon of skatch. I Set cursor in the editor but there is not the sketch icon.
    can you please help me
  • Andreas Schenkel
    Sat, Jan 25, 2020, 3:54 AM
    Installed it in moodle 3.8 and it seems to work.
  • Fabian Auchter
    Sat, Apr 11, 2020, 11:46 PM
    Hi, the sketch button doesn't appear in the Atto Toolbar. Running Moodle 3.6
Please login to post comments