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
       }
   });
});

Answer 2

是的，可以做到这一点，您需要在用户源模式下添加它，并且根据需要它需要一些额外的jquery函数。

可以提供确切的代码-但我们需要知道您到底想做些什么，就像打开和关闭一样？

这也是一个很好的例子-jsfiddle.net/y71nt25u/如果您有预定义的内容，则可以在代码中预定义，以后可以在编辑器中使用。

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

2 个答案: