Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态复制ckeditor,编辑器不';t函数_Javascript_Jquery_Ckeditor_Dynamically Generated - Fatal编程技术网

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