Ckeditor插件-对textarea中的特定元素执行javascript函数？
Ckeditor插件-对textarea中的特定元素执行javascript函数？
提问于 2015-07-27 21:30:05
我正在为Ckeditor 4.5创建一个插件，我使用的是经典的iframe安装，下面是工作代码，它向工具栏添加了一个按钮，当按下该按钮时，将创建一个div.cke列元素，并将其插入到包含任何选定内容的文本区域中。在插入这些div之后，我想用特定的类在每个div上调用一个简单的js函数( js使我能够拥有一个动态属性，这取决于文本区域的div数量)。特别是在下面的代码示例中，我希望在每个div.cke-列插入ckeditor的文本区域后，对它们执行javascript函数。
(function($) {
CKEDITOR.plugins.add( 'simple_columns_plugin', {
init: function( editor )
{
var pluginDirectory = this.path;
CKEDITOR.scriptLoader.load( pluginDirectory + '/lib/customscript.js', function() {
} );
editor.addContentsCss( pluginDirectory + '/styles/basic.css' );
editor.addCommand( 'insert_column_wrapper_command', {
exec : function( editor ) {
var columnwrapper = editor.document.createElement( 'div' );
columnwrapper.setAttribute('class', 'cke-column');
var innercontent = editor.getSelectedHtml(toString);
columnwrapper.setHtml(innercontent);
editor.insertElement(columnwrapper);
}
});
editor.ui.addButton( 'simple_columns_plugin_button', {
label: 'Insert column', //this is the tooltip text for the button
command: 'insert_column_wrapper_command',
icon: this.path + 'images/cw2.gif'
});
}
});
})(jQuery);我还应该添加，我不想运行javascript函数并插入静态HTMl，这个javascript函数在调整窗口大小时会发生变化，因此它需要最初调用函数，并可用于大号事件。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-29 15:57:23
通过使用appropiate函数，可以直接访问每个元素甚至整个文档。下面是一个向元素添加类的示例，以及一个使用jQuery直接影响文档的示例。下面是一些展示答案的片段
var elem = editor.document.findOne('.someclass'); // Get element
elem.addClass('anotherclass'); // add class to element
jQuery( editor.editable().$ ).css( 'color', 'red' ); // directly effect editable content in jQuery.
var fullcontent = editor.getData(); // Get all content in editable textarea页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31663660
复制相关文章
相似问题
腾讯云开发者
