javascript - 如何在 CKEditor 中的当前位置设置默认样式？

Question

如何通过javascript在当前位置设置一些默认的CKEditor样式(在样式组合框中呈现)？

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

Answer 1

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

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
});