CKeditor - 有什么方法可以在编辑器中使用实时复选框吗？

Question

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

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

我知道这不是 native 支持的，但是是否有替代方法或解决方法可以通过 CKEditor 启用复选框/切换？如有任何帮助，我们将不胜感激!

Answer 1

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

<input class="myplugin" type="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
       }
   });
});