如何在提交之前直接在tinymce的源代码上反映复选框（已选中）的更改？

Question

我该怎么做才能解决此问题？

TinyMce是一个编辑器，可在您键入任何内容时直接反映代码中的更改 东西就可以了。

我在复选框中使用它，但是即使在提交之前也没有直接在tinymce的源代码上反映更改。

我已使用此代码，但无法按我的意愿工作。

这是JavaScript代码：

<script type="text/javascript">
 tinymce.init({
selector: '#mytextarea'

setup : function(ed) {
    // This function works for checkboxes
    ed.on('init', function(e) {
        $(ed.getBody()).on("change", ":checkbox", function(el){
            if(el.target.checked){
                $(el.target).attr('checked','checked');
            }else{
                $(el.target).removeAttr('checked');
            }
        });
        // Radiobuttons
        $(ed.getBody()).on("change", "input:radio", function(el){
            var name =  'input:radio[name="'+el.target.name+'"]';
            $(ed.getBody()).find(name).removeAttr('checked');
            $(el.target).attr('checked','checked');
            $(el.target).prop('checked',true);
        });
        // Selects
        $(ed.getBody()).on("change", "select", function(el){
            $(el.target).children('option').each(function( index ) {
                if(this.selected){
                    $( this ).attr('selected','selected');
                }else{
                    $( this ).removeAttr('selected');
                }
            });
        });
    });
}
});
  </script>

这是html代码：

  <form method="post">
<textarea id="mytextarea">
 <input type="checkbox" name="checkbox" value="Bike" > I have a bike<br>
 <input type="checkbox" name="checkbox" value="Car" > I have a car<br>
 <input type="checkbox" name="checkbox" value="Boat" > I have a boat<br><br>
</textarea>
  </form>