Foros del Web » Creando para Internet » Diseño web »

tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea

Estas en el tema de tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea en el foro de Diseño web en Foros del Web. Hola compañeros, resulta que tengo un panel de gestion de noticias creado en php y mysql, y en la parte del contenido de la noticia ...
  #1 (permalink)  
Antiguo 10/04/2011, 06:37
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea

Hola compañeros,

resulta que tengo un panel de gestion de noticias creado en php y mysql, y en la parte del contenido de la noticia incluyo el editor wysiwyg "tinyMCE".

El problema es que que genera una etiqueta p con un espacio en los saltos de línea
Código HTML:
Ver original
  1. <p>&nbsp;</p>

Ejemplo:
Cargo una noticia con el contenido:
Código HTML:
Ver original
  1. <p><strong>Hola</strong><br /><em>Mundo</em><br /><br /></p>
  2. <ul>
  3. <li>item 1</li>
  4. <li>item 2</li>
  5. <li>item 3</li>
  6. </ul>
  7. <p><br />fin</p>
Este contenido se aloja tal cual en la base de datos.

Pero luego cuando voy a editar esa noticia, tinymce levanta el contenido de la base de datos y ademas le añade (ya con javascript) el tag p con el espacio en cada salto de línea, lo que da como resultado lo siguiente:
Código HTML:
Ver original
  1. <p><strong>Hola</strong><br /><em>Mundo</em><br /><br /></p>
  2. <p>&nbsp;</p>
  3. <ul>
  4. <br />
  5. <li>item 1</li>
  6. <br />
  7. <li>item 2</li>
  8. <br />
  9. <li>item 3</li>
  10. <br />
  11. </ul>
  12. <p>&nbsp;</p>
  13. <p><br />fin</p>

Busqué sin éxito por la web sobre alguna opción de configuración que permita evitar esto.

Desde ya agradezco su respuesta.

Un abrazo.
  #2 (permalink)  
Antiguo 10/04/2011, 17:34
 
Fecha de Ingreso: febrero-2011
Mensajes: 54
Antigüedad: 13 años, 8 meses
Puntos: 13
Respuesta: tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea

Puedes hacer un par de intentos: sustituir el salto que da la tecla 'Enter' por 'Shift-Enter', así evitarías que 'Enter' cree un nuevo párrafo y 'Shift-Enter' cree un corte de párrafo (break=br).

También podrías modificar (si lo anterior no te da resultado) el estilo content.css y ponerle al párrafo un margen 0 (p {margin: 0}.

Cuéntanos si algo de esto te soluciona el problema.
  #3 (permalink)  
Antiguo 10/04/2011, 18:18
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea

Hola conexión, gracias por responder.

La solución era más sencilla, se debe escribir la siguiente línea ...

convert_newlines_to_brs : false

... en la configuración del tinyMCE.init({});

espero a alguien más le sirva.
Un saludo.
  #4 (permalink)  
Antiguo 15/08/2011, 14:05
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 16 años, 3 meses
Puntos: 0
De acuerdo Respuesta: tinyMCE añade < p > & nbsp ; < / p > en los saltos de línea

Capo! no sabes el dolor de cabeza que me estaba trayendo el tema de los p..lo estoy usando con java y estaba intentando parsear el contenido de entrada y de salida del editor, pero no podia llegar a un formato coherente. Con esto espero solucionarlo. Gracias che

Etiquetas: saltos, tinymce
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:01.