La información que tenga el textarea
automáticamente debe pasar también al div editable
, y viceversa es decir si yo llego escribir en div también debe pasar en el textarea
ambos deben tener una conexión, por ahora dispongo de lo siguiente pero no funciona:
$(function() {
let EditHTML = $("#detail");
EditHTML.on("keyup", function(e) {
$("#editor").val(EditHTML.html());
$("#editor").keyup();
});
});
#editor {
resize: vertical;
overflow: auto;
border: 1px solid silver;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 100px;
padding: 1em;
background-color: white;
width: 100%;
color: #333;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="detail">Esta información debe pasar al div editable y viceversa, es decir todo cambio que se realicen tanto en el textarea con el div editable en ambos se debe mostrar </textarea>
<div id="editor" contenteditable></div>