Как отразить флажок (проверено) изменения непосредственно в исходном коде 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>