Фонд 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();