Javascript 动态复制ckeditor,编辑器不';t函数
我有以下表单,用户可以在其中添加和删除表单字段Javascript 动态复制ckeditor,编辑器不';t函数,javascript,jquery,ckeditor,dynamically-generated,Javascript,Jquery,Ckeditor,Dynamically Generated,我有以下表单,用户可以在其中添加和删除表单字段 (即输入类型文本和文本区域) 此外,我还为表单中的所有文本区域添加了CKEDITOR作为WYSIWYG。下面的代码片段确实成功生成了新字段,WYSIWYG显示在所有文本区域中,但我无法将数据输入到新生成的文本区域中。我还检查了控制台,没有任何错误 我错过了什么?如果有人能指出我犯的错误,我将非常感激 $(文档).ready(函数(){ var allEditors=document.querySelectorAll('.editor'); 对于
(即输入类型文本和文本区域) 此外,我还为表单中的所有文本区域添加了CKEDITOR作为WYSIWYG。下面的代码片段确实成功生成了新字段,WYSIWYG显示在所有文本区域中,但我无法将数据输入到新生成的文本区域中。我还检查了控制台,没有任何错误 我错过了什么?如果有人能指出我犯的错误,我将非常感激
$(文档).ready(函数(){
var allEditors=document.querySelectorAll('.editor');
对于(变量i=0;i
章节标题
章节内容
章节标题
章节内容
我认为你不能简单地从另一个实例复制HTML来创建编辑器。
将复制结构,但不会复制功能。
您需要在添加到页面的每个
上初始化编辑器
在下面的代码中,请注意,我已经从HTML模板中删除了“editor”类。我这样做是为了从初始编辑器初始化中排除模板的textarea。新的编辑器将在添加到页面时启动
另外,由于您正在使用jQuery,我建议在DOM操作中始终使用jQuery。
我已经添加了脚本
$(函数(){
//第节添加限制
var maxGroup=10;
//初始化所有当前编辑器
$('.editor').ckeditor();
//添加更多部分
$(“.addMore”)。单击(函数(){
//定义现有节数
var numGroups=$('.fieldGroup').length;
//检查计数是否小于最大值
if(numGroups
#fieldGroupTemplate{
显示:无;
}
章节标题
章节内容
章节标题
章节内容
我很难让ckeditor在堆栈片段中工作。
我在访问跨原点iFrame时出错:
未捕获DOMEException:阻止原点为“null”的帧访问交叉原点帧
所以,这里有一个例子
有关更多信息,请参阅关于自动初始化动态添加到页面的编辑器。讨论内容包括添加新编辑器时初始化新编辑器的示例代码,以及使用变异观察器自动检测和初始化新编辑器的可能性。我认为您不能通过简单地从另一个实例复制HTML来创建编辑器。
将复制结构,但不会复制功能。
您需要在添加到页面的每个
上初始化编辑器
在下面的代码中,请注意,我已经从HTML模板中删除了“editor”类。我这样做是为了从初始编辑器初始化中排除模板的textarea。新的编辑器将在添加到页面时启动
另外,由于您正在使用jQuery,我建议在DOM操作中始终使用jQuery。
我已经添加了脚本
$(函数(){
//第节添加限制
var maxGroup=10;
//初始化所有当前编辑器
$('.editor').ckeditor();
//添加更多部分
$(“.addMore”)。单击(函数(){
//定义现有节数
var numGroups=$('.fieldGroup').length;
//检查计数是否小于最大值
if(numGroups
#fieldGroupTemplate{
显示:无;
}
章节标题
章节内容
章节标题
章节内容
I h