CKEditor 4手动调用编号列表

时间:2013-10-28 15:59:53

标签: javascript ckeditor

鉴于我已禁用工具栏并使用自己的标记创建了我自己的工具栏(具有类似附加功能)。

当我点击工具栏上的相应按钮时,我需要重新创建ckeditor工具栏的编号列表和项目符号列表按钮的功能。

没有

editor.execCommand('numberedlist')
editor.execCommand('numberedListStyle')
editor.execCommand('bulletedlist')
editor.execCommand('bulletedListStyle')

作品。

也许我搞乱了参数,我需要传递更多参数。

我需要在ckeditor上调用什么命令来创建当前选择的有序和无序列表?

UPD

当我在ckeditor中选择一些文本时,打开我的Web检查器并进入控制台:

> content_editors.ru.execCommand('bold')
  true

它就像一个魅力,文字变得大胆,但numberedlistbulletedlist没有运气:

> content_editors.ru.execCommand('numberedlist')
  false
> content_editors.ru.execCommand('bulletedlist')
  false

列表工作直到我在config.js中禁用了工具栏插件:

config.removePlugins = 'toolbar'
config.allowedContent = 'p h3 h4 h5 h6 strong em u; a[!href]; img[!src]'

UPD2

因此,为了禁用工具栏而深入了解我所做的事情。我还没有允许ul and ol个标签!

这么简单

// config.allowedContent = 'p h3 h4 h5 h6 strong em u; a[!href]; img[!src]'
config.allowedContent = 'p h3 h4 h5 h6 strong em u; a[!href]; img[!src]; ul ol;'

做了伎俩!

1 个答案:

答案 0 :(得分:2)

您需要致电:

editor.execCommand( 'numberedlist' );
editor.execCommand( 'bulletedlist' );

ofc editor必须是有效的ckeditor实例对象。您可以从CKEDITOR.instances获取实例。

即。对于http://ckeditor.com/demo,您必须执行以下调用:

CKEDITOR.instances.editor1.execCommand( 'numberedlist' );