¿Cómo puedo hacer que blogger inserte etiquetas <p> en lugar de <br> cuando uso el editor de texto enriquecido?


10

No me gusta cómo cuando uso el editor de texto enriquecido en Blogger y lo presiono Enterinserta un en <br >lugar de un <p>. ¿Hay alguna forma de cambiar el comportamiento? ¿O al menos hay alguna forma de insertar un <p>sin cambiar a la pestaña HTML?

Estoy usando Blogger en borrador , por cierto. Probé tanto el antiguo editor como el nuevo; y usar en Press "Enter" for line breakslugar de Use <br /> tagsno ayuda.

También intenté deshabilitar Convert Line breaks, que se describe como:

Si se selecciona Sí, los retornos rígidos individuales ingresados ​​en el Editor de publicaciones se reemplazarán con <br />etiquetas únicas en su blog, y dos retornos rígidos se reemplazarán con dos etiquetas ( <br /><br />).


Una solución fea, pero si desea deshacerse de los saltos de línea dobles, puede ocultar el segundo <br/>con una regla CSS como br+br {display: none}​en Tema > Editar HTML, donde encontrará un montón de estilos<head><b:skin><![CDATA[...
ccpizza

Respuestas:


10

Este comportamiento no es configurable. Tanto el editor actual, el editor de borrador y el editor "antiguo" usan una combinación de etiquetas BR y DIV cuando deberían usar etiquetas P.

Es una decisión alucinante, y está completamente equivocada. Explica muchos de los problemas con la representación inconsistente de párrafos en Blogger. Quizás funcione en IE, pero no funciona de manera consistente en navegadores webkit como Chrome y Safari.

Creo que el editor más nuevo inserta dos etiquetas BR consecutivas, pero el anterior insertó un solo DIV y un BR único.

Windows Live Writer de Microsoft hace las cosas correctamente como se indicó anteriormente. MarsEdit para OS X es menos consistente, creo que si comienza con una publicación autorizada de Blogger, se confunde la etiqueta.

Siento tu dolor.


¿Pero puede Live Writer editar una publicación existente? Dado que a muchas personas, incluido yo, les gusta publicar el artículo, leer y pulir.
Gqqnbig

4

Me acabo de enterar de que si publica su publicación de blog que contiene etiquetas p de inmediato en lugar de cambiar primero a la pestaña HTML, entonces las etiquetas p permanecen.

Ejemplo:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. Ir a la vista HTML.
  2. Ingrese el código de arriba.
  3. Haz clic en el botón Publicar.

Si intenta ver el código en la pestaña HTML, las etiquetas p serán reemplazadas por etiquetas div.



0

Bueno, no hay forma de configurarlo con Blogger.

Pero me di cuenta de que esto se puede hacer con jQuery.

Para hacer esto, deberá ir al área de la plantilla y hacer clic en "editar HTML". Haz una búsqueda de /body. Justo encima de eso, inserte <script src="http://code.jquery.com/jquery-1.10.1.min.js">Luego inserte <script></script>. Lo que tienes ahora, debería ser esto:

some code
<script src='http://code.jquery.com/jquery-1.10.1.min.js'/>
<script>

This is where the jQuery calls will go.

</script>
&lt/body&gt;
some more code

Las llamadas jQuery adecuadas se pueden resolver desde esta página en la que dan un ejemplo pidiendo casi exactamente lo que desea hacer. Este ejemplo se ha copiado a continuación (de http://api.jquery.com/contents/ )

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

Podemos emplear el .contents()método para ayudar a convertir este blob de texto en tres párrafos bien formados:

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

De acuerdo, tendrás que hacer algunos cambios leves de lo anterior para que funcione. Pero eso lo dejaré para que lo descubras. :-)

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.