MDL-65450 tinymce: fix full screen mode
[moodle.git] / lib / editor / tinymce / module.js
1 // This file is part of Moodle - http://moodle.org/
2 //
3 // Moodle is free software: you can redistribute it and/or modify
4 // it under the terms of the GNU General Public License as published by
5 // the Free Software Foundation, either version 3 of the License, or
6 // (at your option) any later version.
7 //
8 // Moodle is distributed in the hope that it will be useful,
9 // but WITHOUT ANY WARRANTY; without even the implied warranty of
10 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11 // GNU General Public License for more details.
12 //
13 // You should have received a copy of the GNU General Public License
14 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 /**
17  * TinyMCE helper javascript functions.
18  *
19  * @package    editor_tinymce
20  * @copyright  2010 Petr Skoda (http://skodak.org)
21  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
22  */
24 M.editor_tinymce = M.editor_tinymce || {};
26 M.editor_tinymce.editor_options = M.editor_tinymce.options || {};
27 M.editor_tinymce.filepicker_options = M.editor_tinymce.filepicker_options || {};
28 M.editor_tinymce.initialised = false;
30 M.editor_tinymce.init_editor = function(Y, editorid, options) {
32     if (!M.editor_tinymce.initialised) {
33         // Load all language strings for all plugins - we do not use standard TinyMCE lang pack loading!
34         tinymce.ScriptLoader.add(M.cfg.wwwroot + '/lib/editor/tinymce/all_strings.php?elanguage=' + options.language + '&rev=' + options.langrev);
36         // Monkey patch for MDL-35284 - this hack ignores empty toolbars.
37         tinymce.ui.Toolbar.prototype.oldRenderHTML = tinymce.ui.Toolbar.prototype.renderHTML;
38         tinymce.ui.Toolbar.prototype.renderHTML = function() {
39             if (this.controls.length == 0) {
40                 return;
41             }
42             return tinymce.ui.Toolbar.prototype.oldRenderHTML.call(this);
43         };
45         M.editor_tinymce.initialised = true;
46         M.util.js_pending('editors');
47         options.oninit = "M.editor_tinymce.init_callback";
48     }
50     M.editor_tinymce.editor_options[editorid] = options;
52     // Load necessary Moodle plugins into editor.
53     if (options.moodle_init_plugins) {
54         var extraplugins = options.moodle_init_plugins.split(',');
55         for (var i=0; i<extraplugins.length; i++) {
56             var filedetails = extraplugins[i].split(':');
57             tinyMCE.PluginManager.load(filedetails[0],
58                 M.cfg.wwwroot + '/lib/editor/tinymce/plugins/' + filedetails[1]);
59         }
60     }
62     // Retain any setup which is already defined.
63     options.originalSetupFunction = options.setup || function(){};
64     options.setup = function(editor) {
65         options.originalSetupFunction();
66         editor.onChange.add(function(ed) {
67             ed.save();
68         });
69         Y.use('event', 'moodle-core-event', function(Y) {
70             var form = Y.one(document.getElementById(editor.id)).ancestor('form');
71             if (form) {
72                 form.on(M.core.event.FORM_SUBMIT_AJAX, function() {
73                     editor.save();
74                 }, this);
75             }
76         });
77     };
79     tinyMCE.init(options);
81     var item = document.getElementById(editorid+'_filemanager');
82     if (item) {
83         item.parentNode.removeChild(item);
84     }
86     document.getElementById(editorid).addEventListener('form:editorUpdated', function() {
87         M.editor_tinymce.updateEditorState(editorid);
88     });
89 };
91 M.editor_tinymce.init_callback = function() {
92     M.util.js_complete('editors');
93 }
95 M.editor_tinymce.init_filepicker = function(Y, editorid, options) {
96     M.editor_tinymce.filepicker_options[editorid] = options;
97 };
99 M.editor_tinymce.toggle = function(id) {
100     tinyMCE.execCommand('mceToggleEditor', false, id);
101 };
103 /**
104  * Update the state of the editor.
105  * @param {String} id
106  */
107 M.editor_tinymce.updateEditorState = function(id) {
108     var instance = window.tinyMCE.get(id),
109         content = instance.getBody(),
110         controls = instance.controlManager.controls,
111         disabled = instance.getElement().readOnly;
112     // Enable/Disable all plugins.
113     for (var key in controls) {
114         if (controls.hasOwnProperty(key)) {
115             controls[key].setDisabled(disabled);
116         }
117     }
118     // Enable/Disable body content.
119     content.setAttribute('contenteditable', !disabled);
120 };
122 M.editor_tinymce.filepicker_callback = function(args) {
123 };
125 M.editor_tinymce.filepicker = function(target_id, url, type, win) {
126     YUI().use('core_filepicker', function (Y) {
127         var editor_id = tinyMCE.selectedInstance.editorId;
128         if (editor_id == 'mce_fullscreen') {
129             editor_id = tinyMCE.selectedInstance.settings.elements;
130         }
131         var options = null;
132         if (type == 'media') {
133             // When media button clicked.
134             options = M.editor_tinymce.filepicker_options[editor_id]['media'];
135         } else if (type == 'file') {
136             // When link button clicked.
137             options = M.editor_tinymce.filepicker_options[editor_id]['link'];
138         } else if (type == 'image') {
139             // When image button clicked.
140             options = M.editor_tinymce.filepicker_options[editor_id]['image'];
141         }
143         options.formcallback = M.editor_tinymce.filepicker_callback;
144         options.editor_target = win.document.getElementById(target_id);
146         M.core_filepicker.show(Y, options);
147     });
148 };
150 M.editor_tinymce.onblur_event = function(ed) {
151     // Attach event only after tinymce is initialized.
152     if (ed.onInit != undefined) {
153         var s = ed.settings;
154         // Save before event is attached, so that if this event is not generated then textarea should
155         // have loaded contents and submitting form should not throw error.
156         ed.save();
158         // Attach blur event for tinymce to save contents to textarea.
159         var doc = s.content_editable ? ed.getBody() : (tinymce.isGecko ? ed.getDoc() : ed.getWin());
160         tinymce.dom.Event.add(doc, 'blur', function() {
161             // Save contents to textarea before calling validation script.
162             ed.save();
163         });
164     };
165 };