在jquery中添加多个CKEditor实例
我正在尝试各种所见即所得的 javascript 文本区域。如果我尝试使用 jquery 在屏幕上的每个
$(function() {
$('.editors').ckeditor();
});
并且
$(function() {
$('.editors').each(function(index, element){
$(element).ckeditor();
});
});
在这两种情况下,每个文本区域上都有一个 CKEditor,但它不会保存。如果我手动添加所有编辑器
$(function() {
CKEDITOR.replace('contactText');
CKEDITOR.replace('edit_footer_text');
CKEDITOR.replace('termsText');
});
或
$(function() {
$('#contactText').ckeditor();
$('#edit_footer_text').ckeditor();
$('#termsText').ckeditor();
});
所有三个字段都有编辑器,并且它们会保存。
我试图在这个项目的标准模板中添加一些代码,这样如果我们想要在文本区域上使用编辑器,他们只需向其中添加“编辑器”类,这就是我正在寻找 jQuery 解决方案的原因。这确实适用于tinymce:
$(function() {
$('.editors').tinymce({
script_url : '/common/tiny_mce/tiny_mce.js',
// General options
mode : "textareas",
theme : "advanced",
})
});
I'm experimenting with various WYSIWYG javascript text areas. If I try to put a CKEditor on every <textarea>
on my screen with jquery, the editors all show up fine, but they don't save. I've tried:
$(function() {
$('.editors').ckeditor();
});
and
$(function() {
$('.editors').each(function(index, element){
$(element).ckeditor();
});
});
In both instances, every text area has a CKEditor on it, but it doesn't save. If I manually add all the editors with
$(function() {
CKEDITOR.replace('contactText');
CKEDITOR.replace('edit_footer_text');
CKEDITOR.replace('termsText');
});
or
$(function() {
$('#contactText').ckeditor();
$('#edit_footer_text').ckeditor();
$('#termsText').ckeditor();
});
All three fields have editors, and they save.
I'm trying to put some code in the standard template for this project so that if we want editors on the text areas, they just have to add the class 'editors' to them, so that's why I'm looking for jQuery solutions. This did work with tinymce:
$(function() {
$('.editors').tinymce({
script_url : '/common/tiny_mce/tiny_mce.js',
// General options
mode : "textareas",
theme : "advanced",
})
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
实际上,CKEditor 的 jQuery Adapter 默认情况下不会更新表单元素,您需要用当前 id 替换编辑器。
参考
Actually, jQuery Adapter for CKEditor, does not update the form element by default, you need to replace the editor with the current id.
Reference