Full screen

Atto ::: atto_fullscreen
Maintained by Daniel Thies
An Atto plugin which enables full screen editing mode
Latest release:
5166 sites
68 fans
Moodle 2.7, 2.8, 2.9, 3.0, 3.1, 3.2, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8, 3.9, 3.10, 3.11

This plugin adds a button to the toolbar which will expand the Atto editing window to fill the entire browser window.  All other parts of the page are hidden.

The button can optionally be hidden from users without the course editing capability.

Testing status


Screenshot #0
Screenshot #1


Daniel Thies (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Just wondering . . .
    Wed, Jan 13, 2016, 8:23 AM
    @Daniel, thanks, that worked.
    And that was really quick too!!

    Next question. I think I am pushing Moodle + Bootstrap and coding a bit much at the moment.
    I got this in red:
    <="" div ""=>
    in one bit of code, and I am often getting the last part of a p tag close in red.
    Is there any information on how HTML+ actually works?
    I've also been trying to cut and paste code into a text editor to see if it will help.
    Is there a way to press a button and tidy up the code again in ATTO?
    Very very much easier with HTMLPlus, but just wondering if I am missin gout on anything.

  • Wed, Jan 13, 2016, 8:50 AM
    Hi Brian,
    Try using F12 to open the javascript console to see if there is a javascript error of some type. I do not think the upgrade should have caused that, and I have not seen it. Do you have any other editor plugins installed that may be conflicting with it?
  • Wed, Jan 13, 2016, 9:46 AM
    I have not tried cut and paste within the HTML+ editor, but I would not be surprised if it had problems at least in some browsers. I do not think that it is what is intended for. The regular HTML plugin may be better suited for that or the Paste Special plugin. What you see with HTML+ view is actually a contenteditable div superimposed over the text area. This plugin resizes it, but the inner workings are rather complicated. Bootstrap is not really my area either.
  • Thu, Jan 14, 2016, 3:54 AM
    Hi Derek -- Thanks for your comments. I am seeing what appears to be javascript errors; e.g.:

    Uncaught TypeError: Cannot read property 'all' of null

    TypeError: null is not an object (evaluating 'host.toolbar.ancestor('.editor_atto_wrap').all')
    (anonymous function)yui_combo.php:12201
    (anonymous function)yui_combo.php:370

    I've tested this on a clear Moodle 2.7.12 instance, with only the fullscreen plugin included. I see the error here, too. I am NOT seeing the error on a new Moodle 3.0.2 server.

    Please let me know if you need any more info. Thanks very much for your help. Thanks.... Brian
  • Thu, Jan 14, 2016, 8:32 AM
    Hi Brian,
    This looks like it will be very helpful. Thank you. I do not think I have tested 2.7 recently and the editor has had many changes since then. I should be able to reproduce it now.
  • Fri, Jan 15, 2016, 12:56 AM
    Thanks again for reporting this, Brian. It should fixed it the new release. Please check it and let me know how it works for you.
  • cb userpic w harvey
    Thu, Oct 6, 2016, 10:19 AM
    Hi Daniel,

    Just tried installing in 3.1.2, got this error and wept because I love the plugin:


    More information about this error
    Debug info:
    Error code: installing_non_installable_component
    $a contents:
    Stack trace:

    line 67 of /admin/tool/installaddon/index.php: moodle_exception thrown

  • cb userpic w harvey
    Thu, Oct 6, 2016, 10:48 AM
    Hi again,

    Figured it out: installing from Plugins directory throws the error. I downloaded, uploaded to Install Plugins, and selected the Atto HTML Editor directory in the "More..." dropdown. It worked then.

    Thanks so much, again. smile
  • Mon, Feb 12, 2018, 9:56 AM
    Does the strings used in this plugin require that TinyMCE be installed as well?
    After installation the debugging code appeared: "String does not exist. Please check your definition for fullscreen:desc/editor_tinymce"
    Thank you
  • Mon, Feb 12, 2018, 11:24 AM
    @Stewart unfortunately is does at the moment. I used the string so it would work without translation, but I did not anticipate that anyone would be removing TinyMCE anytime soon. However, it has been a while that should problably be revisited.
  • Mon, Feb 12, 2018, 12:01 PM
    Other plugins use pluginname for the tooltip so there is not a real reason not to do that here. I updated it so it should work without TinyMCE.
  • Sat, Jan 25, 2020, 1:50 AM
    This is a useful plugin. It would be good to add to the documentation information about the plugin settings page that can restrict access to the icon if the user doesn't have editing permissions.
  • Sat, Jan 25, 2020, 6:11 AM
    Thank you Tim. I added a note to the readme.
  • Sat, Jul 11, 2020, 12:45 PM
    Hello! Thanks very much for a great plugin.
    After installing the plugin, I was not able to see the fullscreen icon in atto toolbar.
    In atto toolbar settings, I added this line : fullscreen = fullscreen
    Now, I can see the fullscreen icon and it all works like a charm.
  • Sat, Sep 26, 2020, 1:04 AM
    Hi Kay Mo,
    I'm having the same problem.
    Please where can I find the atto toolbar settings. I would greatly appreciate your help.
    Thanks in advance.
1 2
Please login to post comments