CKeditor - 有没有办法在编辑器中使用实时复选框？

Question

虽然CKEditor支持创建 HTML表单,包括使用复选框,但我的需求略有不同.

我希望用户能够在创建内容时检查和取消选中复选框.基本上我们使用自定义模板系统,模板在CKEditor中加载,用户填写所需的详细信息并附加自己的内容(文本/图像/等).理想情况下,我们可以创建带有是/否问题的模板,用户在使用模板时会检查必需的复选框.

我知道这不是本机支持的,但有没有替代方法或解决方法通过CKEditor启用复选框/切换？任何帮助表示赞赏!

Answer 1

有一种可能的方法可以实现这一目标。例如，编辑器中有以下输入框。

<input class="myplugin" type="checkbox">

您可以checkbox使用以下代码单击它来访问它。

editor.on('contentDom',function(){
   var html = $(editor.editable().$);
   $('.myplugin',html).on('click',function(){
       //this will return the input element 
       console.log(this);
       //check it's checked or not
       if($(this).attr('checked') == 'true'){
          // Add/Remove class or something
       }else{
          // Add/Remove class or something
       }
   });
});