Фонд Zurb соблюдать действительный редактор CK

Я использую abide from zurb Foundation для проверки форм... но когда я использую CKeditor и пытаюсь проверить, если ckeditor не пуст (это только одно условие, которое я хочу проверить), оно не работает

Всякий раз, когда меняется ckeditor, я передаю данные из экземпляра ckditor в исходное текстовое поле, но все равно происходит сбой.

<form action="" data-abide novalidate data-prevent="true" id="testForm">
    <div class="form-group">
        <label class="label-input">Name</label>
        <span class="form-error">Field is required</span>
        <input type="text" placeholder="" required>
    </div>

    <div class="form-group">
        <label class="label-input">Normal Textarea</label>
        <span class="form-error">Field is required</span>
        <textarea required></textarea>
    </div>

    <div class="form-group">
         <label class="label-input">CK Editor</label>
         <span class="form-error">Field is required</span>
         <textarea class="ckeditor" id="ckDescription" name="editor1" required></textarea>
    </div>

   <div class="form-group">
        <div class="text-right">
            <button type="submit" class="button expanded">Send</button>
       </div>
   </div>
</form>

Javascript

$('form[data-abide]').on('submit',function(ev) {
    if ( $(this).attr('data-prevent') == 'true' ) {
       ev.preventDefault();
    }

    $(this).on("forminvalid.zf.abide", function(ev,frm) {
        alert("Form id "+ev.target.id+" is invalid");
        // Fix for valid event firing twice
        if(e.namespace != 'abide.fndtn') {
           return;
        }
    });

    $(this).on("formvalid.zf.abide", function(ev,frm) {
       alert("Form id "+ev.target.id+" is valid"); 
       // Fix for valid event firing twice
       if(e.namespace != 'abide.fndtn') {
         return;
       }
    });
});


var editor = $('.ckeditor') ;
    CKEDITOR.config.toolbar = [
      ['Bold', 'Italic']
];

CK_jQ();

//deal with copying the ckeditor text into the actual textarea
CKEDITOR.on('instanceReady', function () {
    $.each(CKEDITOR.instances, function (instance) {
      CKEDITOR.instances[instance].document.on("blur", CK_jQ);
      CKEDITOR.instances[instance].document.on("change", CK_jQ);
    });
 });

 function CK_jQ() {
   for (instance in CKEDITOR.instances) {
       CKEDITOR.instances[instance].updateElement();
       Foundation.reInit('abide');
       console.log(instance);
       console.log( $('#ckDescription').val() );
    }
}


$(document).foundation();

https://jsfiddle.net/ibek11/czr3ex9e/

0 ответов

Другие вопросы по тегам