Nota: El código pasó la prueba en el proyecto real. He omitido algunas partes sin importancia. Puedes centrarte en las partes marcadas con colores.
Juegos previos:
Pregunta: ¿Por qué haces esto? ?
Respuesta: Hay una función en el proyecto para guardar el texto del campo de texto ingresado en la base de datos. 'Al visualizar' obtiene los datos correspondientes de la base de datos y los muestra en el campo de texto. Durante el desarrollo, descubrí que el carácter de nueva línea se obtiene usando val () o text () de jquery sin procesarlo. No hay ningún carácter de nueva línea en la base de datos guardada. ¡Naturalmente, no hay ningún carácter de nueva línea cuando se saca y se muestra! Como resultado, escribí el siguiente artículo... ¡Es un poco detallado!
Copie el código de código de la siguiente manera:
<%@ página contentType="text/html;charset=UTF-8" %>
<tipo de script="texto/javascript">
// Procesamiento de ajuste de línea de campo de texto
// Durante la inicialización, procesa los datos devueltos desde el fondo y reemplaza @@@@ con caracteres de nueva línea /n/r
$(documento).listo(función(){
var content = 'Valor obtenido del fondo';
si(contenido!=''){
//Reemplazo global
contenido = contenido.reemplazar(/@@@@/g,'/n/r');
$("#content").attr("valor",contenido);
}
});
// Reemplace el carácter de nueva línea /n/r con @@@@ al enviar y guardar
función hacerEnviar() {
var contenido = $("#content").val().replace(//n/g,"@@@@");
si(contenido == nulo || contenido==""){
alert("¡Por favor complete los comentarios!");
devolver;
}
$("#updateForm").attr("método","obtener");
$("#updateForm").attr("acción", url);
$("#updateForm").submit();
}
</script>
<div>
<div>
<div>
<div><p><font face="Escritura regular china" size="10">Plan de entrevista</font></p>
</div>
<div>
<div> Planificar<br><hr></div>
<div>
Observaciones:
<div>
<textarea id="content" filas="15" cols="50"></textarea>
</div>
</div>
</div>
<div>
<a id="submit_btn" onclick="doSubmit();">Guardar</a>
</div>
<formulario id="actualizarForm" método="obtener">
</formulario>
</div>
</div>
</div>