Quiero preguntar. Quería crear un blog, pero usé un editor de texto estilo Word de Microsoft. ¿Si se supone que usa javascript vainilla o javascript puro o usa la ayuda de JQuery?
Mi código:
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <!-- CDN WYSIWYG (TINYMICE) --> <script src="https://cdn.tiny.cloud/1/fjxlmvgx0f36t65lwkpdwdyrxxahi85ni9wp3e2xp17gjitr/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script> </head> <body> <!-- Text-Area --> <textarea id="my_text"></textarea> <!-- Button Get Value --> <button id="value_button">Get Value</button> <script> // Install WYSIWYS (TINYMICE) tinymce.init({ selector: 'textarea', plugins: 'a11ychecker advcode casechange export formatpainter image editimage linkchecker autolink lists checklist media mediaembed pageembed permanentpen powerpaste table advtable tableofcontents tinycomments tinymcespellchecker', toolbar: 'a11ycheck addcomment showcomments casechange checklist code export formatpainter image editimage pageembed permanentpen table tableofcontents', toolbar_mode: 'floating', tinycomments_mode: 'embedded', tinycomments_author: 'Author name', }); // Dom (get id:my_text & value_button) let my_text = document.getElementById("my_text"); let value_button = document.getElementById("value_button"); // get value in console value_button.addEventListener("click",()=>{ console.log(my_text.value) }) </script>Quiero obtener el valor primero. Como querer escribir "jueves"
Tal vez, lo que aparece es " <p>Thursday</p> "
Mi obstáculo, escribí cualquiera que sea el valor "" (vacío)
Nota: Mi WYSIWYG es TinyMice
Sin embargo, si tiene otro tipo de WYSIWYG, lo intentaré. Gracias.
TinyMCE tiene una API para obtener su contenido actual:
getContent() - https://www.tiny.cloud/docs/api/tinymce/tinymce.editor/#getcontent
Para algunos antecedentes, cuando carga TinyMCE, se superpone su área de textarea con un iframe , por lo que cuando escribe en TinyMCE no está actualizando el área de textarea .
Dicho esto, hay una llamada a la API para hacer que TinyMCE vuelva a colocar su contenido actual en el área de textarea :
triggerSave() - https://www.tiny.cloud/docs/api/tinymce/root_tinymce/#triggersave
... entonces, si necesita hacer algo específicamente con el área de texto, puede llamar primero a textarea triggerSave() .