<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CKEditor</title> <script src="https://cdn.ckeditor.com/4.19.0/standard/ckeditor.js"></script> </head> <body> <textarea cols="10" id="editor1" name="editor1" rows="10" onkeyup="val()"></textarea> <input type="button" name="next" value="Submit" id="nxtbtnwht1" disabled/> <script> CKEDITOR.replace( 'editor1' ); function val() { var a = CKEDITOR.instances['editor1'].getData(); if(a!==null || a!==""){ document.getElementById("nxtbtnwht1").disabled = false; } else { document.getElementById("nxtbtnwht1").disabled = true; } } </script> </body> </html>Tengo ckeditor 4 en una sola página. En la página, el botón de envío está deshabilitado de manera predeterminada. Quiero validar el área de texto de ckeditor4 para verificar si está vacío o no. Entonces, ¿cómo puedo hacerlo con Javascript?
Ckeeditor Código de área de texto:
<textarea cols="10" id="editor1" name="editor1" rows="10" onchange="val()"></textarea>Enviar código del botón:
<input type="button" name="next" value="Submit" id="nxtbtnwht1" disabled/>Código JavaScript:
function val() { var a = CKEDITOR.instances['editor1'].getData(); if(a!==null || a!==""){ document.getElementById("nxtbtnwht1").disabled = false; } else{ document.getElementById("nxtbtnwht1").disabled = true; } }Puedes probar esto.
var editor = CKEDITOR.replace('editor1', {}); editor.on("pluginsLoaded", function(event) { editor.on('contentDom', function(evt) { var editable = editor.editable(); editable.attachListener(editable, 'keyup', function(e) { if (CKEDITOR.instances['editor1'].getData() == "") { document.getElementById("nxtbtnwht1").disabled = true; } else { document.getElementById("nxtbtnwht1").disabled = false; } }); }); }); <script src="https://cdn.ckeditor.com/4.19.0/standard/ckeditor.js"></script> <textarea cols="10" id="editor1" name="editor1" rows="10" onkeyup="val()"></textarea> <input type="button" name="next" value="Submit" id="nxtbtnwht1" disabled />