通过 jQuery 配置编辑器时配置工具栏
我遵循了以下示例,它的工作原理就像魅力:
用于 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
I'v followed the following example, and it works like charm:
CKeditor for jquery
To create editor instances, other than the usual CKEditor core script,
you need to load the jQuery Adapter file in the page, in the following
order:At this point, any textarea, p or div element can be transformed into
a rich text editor by simply using the ckeditor() method:$( 'textarea.editor' ).ckeditor();
I use Struts 2 and the ajax validation support there (the struts2-jquery plugin), so uses the plugin's submit button. So far all good. But users tend to still click the "Save" button on the toolbar which submits the whole form the old fashion way, and that destroys my logic.
How can I disable the "Save" button from the tool bar? I think what I really ask is how I get access to the ckeditor config object when initialising it the way describe in the link above since I'v already found documentation on how to configure the toolbar if you initalise it the "normal" non-jquery way.
http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以像使用传统方式一样修改工具栏。
您可以在 ckeditor 根目录下的 config.js 文件中定义不同的工具栏配置。然后,在初始化编辑器时,只需传入指向工具栏配置名称的属性即可。
IE
You can modify the toolbar the same way as you do it using the conventional way.
You can define a different toolbar configuration in your config.js file in the root ckeditor directory. Then, when initializing the editor, simply pass in the property that points to the name of your toolbar configuration.
i.e.