source: trunk/plugins/CSS/css.js @ 999

Last change on this file since 999 was 999, checked in by ray, 11 years ago

#1195 Allow to specify an external url to load a plugin from

  • Property svn:eol-style set to native
  • Property svn:keywords set to LastChangedDate LastChangedRevision LastChangedBy HeadURL Id
File size: 4.4 KB
Line 
1// Simple CSS (className) plugin for the editor
2// Sponsored by http://www.miro.com.au
3// Implementation by Mihai Bazon, http://dynarch.com/mishoo.
4//
5// (c) dynarch.com 2003
6// Distributed under the same terms as HTMLArea itself.
7// This notice MUST stay intact for use (see license.txt).
8//
9// $Id:css.js 856 2007-06-13 18:34:34Z wymsy $
10// @TODO This is the default and won't be very useful to others.
11// We should make this better.
12Xinha.Config.prototype.cssPluginConfig =
13  {
14    combos : [
15      { label: "Syntax",
16                   // menu text       // CSS class
17        options: { "None"           : "",
18                   "Code" : "code",
19                   "String" : "string",
20                   "Comment" : "comment",
21                   "Variable name" : "variable-name",
22                   "Type" : "type",
23                   "Reference" : "reference",
24                   "Preprocessor" : "preprocessor",
25                   "Keyword" : "keyword",
26                   "Function name" : "function-name",
27                   "Html tag" : "html-tag",
28                   "Html italic" : "html-helper-italic",
29                   "Warning" : "warning",
30                   "Html bold" : "html-helper-bold"
31                 },
32        context: "pre"
33      },
34      { label: "Info",
35        options: { "None"           : "",
36                   "Quote"          : "quote",
37                   "Highlight"      : "highlight",
38                   "Deprecated"     : "deprecated"
39                 }
40      }
41    ]
42  };
43
44function CSS(editor, params) {
45        this.editor = editor;
46        var cfg = editor.config;
47        var self = this;
48        var plugin_config;
49  if(params && params.length)
50  {
51    plugin_config = params[0];
52  }
53  else
54  {
55    plugin_config = editor.config.cssPluginConfig;
56  }
57
58  var combos = plugin_config.combos;
59
60        for (var i = 0; i < combos.length; i++) {
61                var combo = combos[i];
62                var id = "CSS-class" + i;
63                var css_class = {
64                        id         : id,
65                        options    : combo.options,
66                        action     : function(editor) { self.onSelect(editor, this, combo.context, combo.updatecontextclass); },
67                        refresh    : function(editor) { self.updateValue(editor, this); },
68                        context    : combo.context
69                };
70                cfg.registerDropdown(css_class);
71    cfg.addToolbarElement(["T[" + combo.label + "]", id, "separator"] , "formatblock", -1);
72        }
73}
74
75CSS._pluginInfo = {
76        name          : "CSS",
77        version       : "1.0",
78        developer     : "Mihai Bazon",
79        developer_url : "http://dynarch.com/mishoo/",
80        c_owner       : "Mihai Bazon",
81        sponsor       : "Miro International",
82        sponsor_url   : "http://www.miro.com.au",
83        license       : "htmlArea"
84};
85
86CSS.prototype.onSelect = function(editor, obj, context, updatecontextclass) {
87        var tbobj = editor._toolbarObjects[obj.id];
88        var index = tbobj.element.selectedIndex;
89        var className = tbobj.element.value;
90
91        // retrieve parent element of the selection
92        var parent = editor.getParentElement();
93        var surround = true;
94
95        var is_span = (parent && parent.tagName.toLowerCase() == "span");
96        var update_parent = (context && updatecontextclass && parent && parent.tagName.toLowerCase() == context);
97
98        if (update_parent) {
99                parent.className = className;
100                editor.updateToolbar();
101                return;
102        }
103
104        if (is_span && index == 0 && !/\S/.test(parent.style.cssText)) {
105                while (parent.firstChild) {
106                        parent.parentNode.insertBefore(parent.firstChild, parent);
107                }
108                parent.parentNode.removeChild(parent);
109                editor.updateToolbar();
110                return;
111        }
112
113        if (is_span) {
114                // maybe we could simply change the class of the parent node?
115                if (parent.childNodes.length == 1) {
116                        parent.className = className;
117                        surround = false;
118                        // in this case we should handle the toolbar updation
119                        // ourselves.
120                        editor.updateToolbar();
121                }
122        }
123
124        // Other possibilities could be checked but require a lot of code.  We
125        // can't afford to do that now.
126        if (surround) {
127                // shit happens ;-) most of the time.  this method works, but
128                // it's dangerous when selection spans multiple block-level
129                // elements.
130                editor.surroundHTML("<span class='" + className + "'>", "</span>");
131        }
132};
133
134CSS.prototype.updateValue = function(editor, obj) {
135        var select = editor._toolbarObjects[obj.id].element;
136        var parent = editor.getParentElement();
137        if (typeof parent.className != "undefined" && /\S/.test(parent.className)) {
138                var options = select.options;
139                var value = parent.className;
140                for (var i = options.length; --i >= 0;) {
141                        var option = options[i];
142                        if (value == option.value) {
143                                select.selectedIndex = i;
144                                return;
145                        }
146                }
147        }
148        select.selectedIndex = 0;
149};
Note: See TracBrowser for help on using the repository browser.