← Back to branch summary

~ubuntu-branches/ubuntu/utopic/moodle/utopic

« back to all changes in this revision

Viewing changes to lib/editor/tinymce/tiny_mce/3.5.8/plugins/autoresize/editor_plugin_src.js

  • Committer: Package Import Robot
  • Author(s): Thijs Kinkhorst
  • Date: 2014-05-12 16:10:38 UTC
  • mfrom: (36.1.3 sid)
  • Revision ID: package-import@ubuntu.com-20140512161038-puyqf65k4e0s8ytz
Tags: 2.6.3-1
New upstream release.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/editor/tinymce/tiny_mce/3.5.8/plugins/autoresize/editor_plugin_src.js
1
 
/**
2
 
 * editor_plugin_src.js
3
 
 *
4
 
 * Copyright 2009, Moxiecode Systems AB
5
 
 * Released under LGPL License.
6
 
 *
7
 
 * License: http://tinymce.moxiecode.com/license
8
 
 * Contributing: http://tinymce.moxiecode.com/contributing
9
 
 */
10
 
 
11
 
(function() {
12
 
        /**
13
 
         * Auto Resize
14
 
         *
15
 
         * This plugin automatically resizes the content area to fit its content height.
16
 
         * It will retain a minimum height, which is the height of the content area when
17
 
         * it's initialized.
18
 
         */
19
 
        tinymce.create('tinymce.plugins.AutoResizePlugin', {
20
 
                /**
21
 
                 * Initializes the plugin, this will be executed after the plugin has been created.
22
 
                 * This call is done before the editor instance has finished it's initialization so use the onInit event
23
 
                 * of the editor instance to intercept that event.
24
 
                 *
25
 
                 * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
26
 
                 * @param {string} url Absolute URL to where the plugin is located.
27
 
                 */
28
 
                init : function(ed, url) {
29
 
                        var t = this, oldSize = 0;
30
 
 
31
 
                        if (ed.getParam('fullscreen_is_enabled'))
32
 
                                return;
33
 
 
34
 
                        /**
35
 
                         * This method gets executed each time the editor needs to resize.
36
 
                         */
37
 
                        function resize() {
38
 
                                var deltaSize, d = ed.getDoc(), body = d.body, de = d.documentElement, DOM = tinymce.DOM, resizeHeight = t.autoresize_min_height, myHeight;
39
 
 
40
 
                                // Get height differently depending on the browser used
41
 
                                myHeight = tinymce.isIE ? body.scrollHeight : (tinymce.isWebKit && body.clientHeight == 0 ? 0 : body.offsetHeight);
42
 
 
43
 
                                // Don't make it smaller than the minimum height
44
 
                                if (myHeight > t.autoresize_min_height)
45
 
                                        resizeHeight = myHeight;
46
 
 
47
 
                                // If a maximum height has been defined don't exceed this height
48
 
                                if (t.autoresize_max_height && myHeight > t.autoresize_max_height) {
49
 
                                        resizeHeight = t.autoresize_max_height;
50
 
                                        body.style.overflowY = "auto";
51
 
                                        de.style.overflowY = "auto"; // Old IE
52
 
                                } else {
53
 
                                        body.style.overflowY = "hidden";
54
 
                                        de.style.overflowY = "hidden"; // Old IE
55
 
                                        body.scrollTop = 0;
56
 
                                }
57
 
 
58
 
                                // Resize content element
59
 
                                if (resizeHeight !== oldSize) {
60
 
                                        deltaSize = resizeHeight - oldSize;
61
 
                                        DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px');
62
 
                                        oldSize = resizeHeight;
63
 
 
64
 
                                        // WebKit doesn't decrease the size of the body element until the iframe gets resized
65
 
                                        // So we need to continue to resize the iframe down until the size gets fixed
66
 
                                        if (tinymce.isWebKit && deltaSize < 0)
67
 
                                                resize();
68
 
                                }
69
 
                        };
70
 
 
71
 
                        t.editor = ed;
72
 
 
73
 
                        // Define minimum height
74
 
                        t.autoresize_min_height = parseInt(ed.getParam('autoresize_min_height', ed.getElement().offsetHeight));
75
 
 
76
 
                        // Define maximum height
77
 
                        t.autoresize_max_height = parseInt(ed.getParam('autoresize_max_height', 0));
78
 
 
79
 
                        // Add padding at the bottom for better UX
80
 
                        ed.onInit.add(function(ed){
81
 
                                ed.dom.setStyle(ed.getBody(), 'paddingBottom', ed.getParam('autoresize_bottom_margin', 50) + 'px');
82
 
                        });
83
 
 
84
 
                        // Add appropriate listeners for resizing content area
85
 
                        ed.onChange.add(resize);
86
 
                        ed.onSetContent.add(resize);
87
 
                        ed.onPaste.add(resize);
88
 
                        ed.onKeyUp.add(resize);
89
 
                        ed.onPostRender.add(resize);
90
 
 
91
 
                        if (ed.getParam('autoresize_on_init', true)) {
92
 
                                ed.onLoad.add(resize);
93
 
                                ed.onLoadContent.add(resize);
94
 
                        }
95
 
 
96
 
                        // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
97
 
                        ed.addCommand('mceAutoResize', resize);
98
 
                },
99
 
 
100
 
                /**
101
 
                 * Returns information about the plugin as a name/value array.
102
 
                 * The current keys are longname, author, authorurl, infourl and version.
103
 
                 *
104
 
                 * @return {Object} Name/value array containing information about the plugin.
105
 
                 */
106
 
                getInfo : function() {
107
 
                        return {
108
 
                                longname : 'Auto Resize',
109
 
                                author : 'Moxiecode Systems AB',
110
 
                                authorurl : 'http://tinymce.moxiecode.com',
111
 
                                infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize',
112
 
                                version : tinymce.majorVersion + "." + tinymce.minorVersion
113
 
                        };
114
 
                }
115
 
        });
116
 
 
117
 
        // Register plugin
118
 
        tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin);
119
 
})();