如何获取tinyMCE中源代码中复选框的选中状态?
我使用tinyMCE作为html编辑器,我想在代码中使用复选框,在源代码中保存它们的切换状态 现在我只得到我在开始时定义的状态,而不是在编辑器中切换它们之后 代码 这是我在tinyMCE中输入的代码,但在切换复选框后,新状态不会得到反映如何获取tinyMCE中源代码中复选框的选中状态?,tinymce,tinymce-4,Tinymce,Tinymce 4,我使用tinyMCE作为html编辑器,我想在代码中使用复选框,在源代码中保存它们的切换状态 现在我只得到我在开始时定义的状态,而不是在编辑器中切换它们之后 代码 这是我在tinyMCE中输入的代码,但在切换复选框后,新状态不会得到反映 <textarea> <input type="checkbox" name="checkbox" id="checkbox2" checked="checked" /> <label for="checkbox">che
<textarea>
<input type="checkbox" name="checkbox" id="checkbox2" checked="checked" /> <label for="checkbox">check</label>
<br />
<input type="checkbox" name="checkbox" id="checkbox2"/> <label for="checkbox">no-check</label></div>
</textarea>
检查
没有支票
代码笔
我在codepen上找到了你可以查看的地方。基于在找到的anwser,我设法找到了一个解决方案 我在TinyMCE中添加了一个设置函数。我还增加了对单选按钮和选择按钮的支持
tinymce.init({
选择器:'textarea',
身高:500,
主题:"现代",,
设置:功能(ed){
//此函数适用于复选框
ed.on('init',函数(e){
$(ed.getBody()).on(“更改”,“复选框”,函数(el){
如果(标高目标已选中){
$(el.target).attr('checked','checked');
}否则{
$(el.target).removeAttr('checked');
}
});
//单选按钮
$(ed.getBody())。打开(“更改”,“输入:收音机”,函数(el){
变量名称='输入:radio[name=“”+el.target.name+'”];
$(ed.getBody()).find(name).removeAttr('checked');
$(el.target).attr('checked','checked');
$(el.target).prop('checked',true);
});
//挑选
$(ed.getBody())。打开(“更改”、“选择”函数(el){
$(el.target).children('option')。每个(函数(索引){
如果(选择此选项){
$(this.attr('selected','selected');
}否则{
$(this.removeAttr('selected');
}
});
});
});
}
});