X-Git-Url: https://scm.cri.mines-paristech.fr/git/ckeditor.git/blobdiff_plain/b9e364c4c1d3654c6d27c73c114159295fbeda62..a1afd8bc466a171d842f4a49a278773a9820e9c3:/skins/ckeditor/plugins/plinn_styles/plugin.js diff --git a/skins/ckeditor/plugins/plinn_styles/plugin.js b/skins/ckeditor/plugins/plinn_styles/plugin.js index 245a0e1..742a40a 100644 --- a/skins/ckeditor/plugins/plinn_styles/plugin.js +++ b/skins/ckeditor/plugins/plinn_styles/plugin.js @@ -1,3 +1,4 @@ +/* © 2014 Benoît Pin, MINES ParisTech */ ( function() { var PlinnStylesCombo = function(editor) { @@ -13,6 +14,20 @@ var PlinnStylesCombo = function(editor) { this.styles = []; }; +PlinnStylesCombo.prototype.onRender = function() { + var self = this; + this.editor.on('selectionChange', function(evt){self.checkSelection(evt);}); +}; + +PlinnStylesCombo.prototype.checkSelection = function(evt) { + if (evt.data.selection.getRanges().length > 1) { + this.disable(); + } + else { + this.enable(); + } +}; + PlinnStylesCombo.prototype.loadStyle = function(definition) { this.styles.push(definition); this.styles[definition.name] = definition; @@ -33,17 +48,28 @@ PlinnStylesCombo.prototype.init = function() { PlinnStylesCombo.prototype.onClick = function(value) { this.editor.focus(); - this.editor.fire( 'saveSnapshot' ); + this.editor.fire('saveSnapshot'); var style = this.styles[value] var className = style.className; + var ranges = this.editor.getSelection().getRanges(); var element = this.editor.elementPath().lastElement; + if(ranges.length === 1) { + var start = ranges[0].startContainer; + var end = ranges[0].endContainer; + if(start.$ !== end.$) { + // selection is a fragment that need to be wrapped in container to apply style + element = new CKEDITOR.dom.element('div'); + element.append(ranges[0].cloneContents()); + this.editor.insertElement(element); + } + } if (element.hasClass(className)) { element.removeClass(className); } else { element.addClass(className); } - this.editor.fire( 'saveSnapshot' ); + this.editor.fire('saveSnapshot'); }; var PlinnStylePlugin = function() { @@ -55,7 +81,7 @@ PlinnStylePlugin.prototype.init = function(editor) { this.combo = new PlinnStylesCombo(editor); editor.ui.addRichCombo('PlinnStyles', this.combo); var self = this; - editor.on('stylesSet', function(evt){self.onStylesSet(evt)}); + editor.on('stylesSet', function(evt){self.onStylesSet(evt);}); }; PlinnStylePlugin.prototype.onStylesSet = function(evt) {