如何在CKEditor中将当前位置的默认样式设置为?

时间:2012-07-19 11:34:41

标签: javascript ckeditor

如何通过javascript在当前位置设置一些默认的CKEditor样式(在样式组合框中显示)。?

例如,如果光标在一个位置,我必须在键入任何字符后为该位置设置“标记:黄色”样式,它应该更改为黄色。可能吗?

1 个答案:

答案 0 :(得分:2)

我不确定我是否理解你,但你不是只想执行命令应用(或删除),例如大胆的风格?如果是,您可以通过以下方式执行此操作:

editor.execCommand('bold');

如果您在文本中的某处放置了空选择(插入符号),则在执行此命令之前,编辑器将创建空<strong>^</strong>元素,因此当用户开始键入时,文本将以粗体显示。

<强>更新

样式的应用方式略有不同。

var style = new CKEDITOR.style(
    { name: 'Blue Title', element: 'h3', styles: { 'color': 'Blue' } });
style.apply(editor.document);

这会将蓝色标题样式应用于当前选择。您可以在_source/plugins/styles/styles/default.js(http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/styles/styles/default.js)中找到其他样式定义,或者您可以在代码中获取它们:

editor.getStylesSet(function(stylesDefinitions) {
    // stylesDefinitions is an array
});