Javascript 我如何知道哪个编辑';s值已使用多个ckeditor 5更改?
我需要生成包含一个问题和多个答案的内容。我对这些内容使用ckeditor5。答案部分是动态变化的。按add(添加)按钮创建一个新编辑器以输入新答案。到目前为止我没有问题 我有三个固定的编辑。第一个是问题编辑器。另外两个是答案编辑。正如我所说,新的答案可以添加到答案中 我想知道哪位编辑在这里改变了,但我失败了。因为它是动态创建的Javascript 我如何知道哪个编辑';s值已使用多个ckeditor 5更改?,javascript,jquery,ckeditor,Javascript,Jquery,Ckeditor,我需要生成包含一个问题和多个答案的内容。我对这些内容使用ckeditor5。答案部分是动态变化的。按add(添加)按钮创建一个新编辑器以输入新答案。到目前为止我没有问题 我有三个固定的编辑。第一个是问题编辑器。另外两个是答案编辑。正如我所说,新的答案可以添加到答案中 我想知道哪位编辑在这里改变了,但我失败了。因为它是动态创建的 <div class="row"> <div class="col-xl"
<div class="row">
<div class="col-xl">
<div class="card">
<div class="card-body">
<h5 class="card-title">Question</h5>
<div id="editor" class="editor"></div>
<br />
<button id="answer" type="button" class="btn btn-primary float-right">Cevap Ekle</button>
<input type="hidden" name="editor" id="inputeditor">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl">
<div class="card">
<div class="card-body">
<h5 class="card-title">Answer</h5>
<div id="editor" class="editor"></div>
<input type="hidden" name="editor" id="inputeditor">
</div>
</div>
</div>
</div>
<div class="row" id="answerDiv">
<div class="col-xl">
<div class="card">
<div class="card-body">
<h5 class="card-title">Answer</h5>
<div id="editor" class="editor"></div>
<input type="hidden" name="editor" id="inputeditor">
</div>
</div>
</div>
</div>
问题:
塞瓦普埃克尔
答复
答复
javascript:
<script>
var editorSetting = {
toolbar: [ 'undo', 'redo', '|', 'heading', '|', 'bold', 'italic', 'underline', '|', 'imageUpload', 'imageStyle:full', '|', 'blockQuote', '|', 'link' ],
ckfinder: {
uploadUrl: '{{ route('question.upload') }}'
}
};
var allEditors = document.querySelectorAll('.editor');
for (var i = 0; i < allEditors.length; i++) {
ClassicEditor.create(allEditors[i], editorSetting).then(
editor => {
editor.model.document.on( 'change:data', ( evt, data ) => {
console.log($(this).index())
$('#inputeditor:eq(' + parseInt(i) + ')').val(i)
} );
});
}
$(document).on('click', '#answer', function () {
var max = 3;
if(document.querySelectorAll('.editor').length <= max)
$('.row:eq(3)').clone().insertAfter('#answerDiv');
});
</script>
变量编辑器设置={
工具栏:[“撤消”、“重做”、“标题”、“标题”、“斜体”、“下划线”、“图片上传”、“图片样式:完整”、“图片样式”、“块引号”、“链接”],
ckfinder:{
uploadUrl:“{route('question.upload')}”
}
};
var allEditors=document.querySelectorAll('.editor');
对于(var i=0;i{
editor.model.document.on('change:data',(evt,data)=>{
console.log($(this.index())
$('#inputeditor:eq('+parseInt(i)+')).val(i)
} );
});
}
$(文档)。在('单击','回答')上,函数(){
var max=3;
if(document.querySelectorAll('.editor').length Related也不确定此
在更改数据回调中是什么,并且index()
需要在编辑器集合上使用,或者不带参数只返回其同级的索引相关也不确定此在更改数据回调和index()中是什么
需要在编辑器集合上使用,或者不带参数仅返回其同级的索引