通过 jQuery 配置编辑器时配置工具栏

发布于 2024-11-27 23:07:12 字数 766 浏览 2 评论 0原文

我遵循了以下示例,它的工作原理就像魅力:

用于 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜唯美灬不弃 2024-12-04 23:07:12

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

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

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

IE

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

You can modify the toolbar the same way as you do it using the conventional way.

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

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.

$('textarea.editor').ckeditor(function(){}, {toolbar: 'Basic'})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文