¿Se puede pasar div con contenteditable = true a través de la forma?

Question

¿Se puede usar <div contenteditable="true"><a href="page.html">Some</a> Text</div> en lugar de texarea y luego pasar a través de la forma de alguna manera?

idealmente sin JS

Answer 1

Using HTML5, how do I use contenteditable fields in a form submission?

contenido editable no funciona como un elemento de formulario. Solo javascript puede permitir que funcione.

EDITAR: Respondiendo a tu comentario ... Esto debería funcionar.

<script type="text/javascript"> 
    function getContent(){ 
     document.getElementById("my-textarea").value = document.getElementById("my-content").innerHTML; 
    } 
</script> 


<div id="my-content" contenteditable="true"><a href="page.html">Some</a> Text</div> 

<form id="form" action="some-page.php" onsubmit="return getContent()"> 
    <textarea id="my-textarea" style="display:none"></textarea> 
    <input type="submit" /> 
</form> 

He probado y verificado que esto funciona en FF e IE9.

Answer 2

probar este

document.getElementById('formtextarea').value=document.getElementById('editable_div').innerHTML; 

un ejemplo completo: -

<script type="text/javascript"> 
    function getContent(){ 
var div_val=document.getElementById("editablediv").innerHTML; 
     document.getElementById("formtextarea").value =div_val; 
    if(div_val==''){ 
    //alert("option alert or show error message") 
    return false; 
    //empty form will not be submit. You can also alert this message like this. 
    } 
     }</script> 

`

<div id="editablediv" contenteditable="true"> 
<a href="page.html">Some</a> Text</div> 
<form id="form" action="action.php" onsubmit="return getContent()"> 
    <textarea id="formtextarea" style="display:none"></textarea> 
    <input type="submit" /> 
</form> 

`

en lugar de ello se puede utilizar jQuery (si hay una inundación para usar JQuery para área de texto de tamaño automático o cualquier editor de texto WYSIWYG)

Answer 3

usted podría utilizar mejor:

<script type="text/javascript"> 
    function getContent(){ 
     document.getElementById("my-textarea").value = document.getElementById("my-content").innerText; 
    } 
</script> 

NOTA: He cambiado .innerHTML a innerText. De esta forma, no obtendrá elementos HTML y texto, sino solo texto.

Ejemplo: Envié "texto", innerHTML da el valor: "\ r \ n texto". Filtra el "texto" pero es más largo que 4 caracteres. innerText da el valor "texto".

Esto es útil si desea contar los caracteres.