【问题标题】:Configure the toolbar when the editor is configured through jQuery通过jQuery配置编辑器时配置工具栏
【发布时间】:2011-08-05 20:51:05
【问题描述】:

我关注了以下example,它就像魅力一样:

用于 jquery 的CKeditor

要创建编辑器实例,而不是通常的 CKEditor 核心脚本, 您需要在页面中加载 jQuery Adapter 文件,如下所示 顺序:

此时,任何textarea、p或div元素都可以转化为 一个富文本编辑器,只需使用 ckeditor() 方法:

$('textarea.editor').ckeditor();

我使用 Struts 2 和那里的 ajax 验证支持(struts2-jquery 插件),所以使用插件的提交按钮。到目前为止一切都很好。但是用户仍然倾向于单击工具栏上的“保存”按钮,以旧方式提交整个表单,这破坏了我的逻辑。

如何禁用工具栏中的“保存”按钮?我想我真正要问的是如何在按照上面链接中描述的方式初始化 ckeditor 配置对象时访问它,因为我已经找到了有关如何配置工具栏的文档,如果你将它初始化为“正常”非 jquery方式。 http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

【问题讨论】:

    标签: jquery ckeditor


    【解决方案1】:

    您可以像使用常规方式一样修改工具栏。

    $('textarea.editor').ckeditor(<init function>, <options>)
    

    您可以在 ckeditor 根目录的 config.js 文件中定义不同的工具栏配置。然后,在初始化编辑器时,只需传入指向工具栏配置名称的属性即可。

    $('textarea.editor').ckeditor(function(){}, {toolbar: 'Basic'})
    

    【讨论】:

    • 谢谢,它马上解决了我的问题!您还对 config.js 文件给出了很好的提示,不知道,在那里编写更长的配置要容易得多。
    • 谢谢,解决了我的问题!您还向我指出了 config.js 文件,但没有意识到,在这里输入更长的配置要容易得多。
    猜你喜欢
    • 1970-01-01
    • 2011-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-30
    • 2012-09-23
    相关资源
    最近更新 更多