online examples markdown line-breaks

examples - markdown underline



¿Cómo forzar un linebreak? (3)

He notado que si comienzo un nuevo párrafo justo después de una imagen, la mayoría de los renderizadores dejan un espacio inadecuado entre la imagen y el texto a continuación. El párrafo termina pareciendo una leyenda. Si bien esto es útil cuando quiero tener una leyenda, a veces me gustaría insertar una imagen entre dos párrafos, y tenerla adecuadamente espaciada como se muestra arriba.

Corrijo este problema actualmente con:

Lorem ipsum dolor sit amet, consectetur adipiscing elit: [IMAGE] <br/><br/> Pellentesque pharetra turpis vitae velit consequat placerat. Duis sed volutpat neque, et scelerisque orci.

Pero esto me parece poco elegante: me gustaría evitar el HTML si es posible.

¿Hay otra manera de forzar un linebreak?

Estoy usando Markdown Preview Plus para Atom para renderizar.


tl; dr

En resumen, no puedes con Markdown puro. Necesitas usar HTML en bruto y / o estilos CSS. Lo más sencillo es insertar <br/><br/> en su documento.

La explicacion larga

Los navegadores determinan cómo mostrar los distintos elementos HTML en una página obteniendo instrucciones de las hojas de estilo. Esas hojas de estilo se pueden obtener de varias fuentes: (1) las hojas de estilo predeterminadas del navegador, (2) hojas de estilo locales definidas por el usuario, (3) hojas de estilo proporcionadas por el autor del documento y (4) estilos en línea incrustados en el HTML ( this fascinante, aunque largo, descompone todo el proceso).

Lo que queremos considerar es lo primero; las hojas de estilo por defecto del navegador. Estos le dicen al navegador los estilos predeterminados para los diversos elementos, el relleno de un párrafo, el tamaño de los diferentes encabezados de nivel, la sangría y las viñetas de los elementos de la lista, etc. De hecho, una search rápida revela una gran cantidad de elementos. llamadas hojas de estilo "reset" que deshacen todos estos estilos predeterminados.

Esto es lo que está encontrando, los estilos predeterminados no proporcionan suficiente relleno entre la imagen y el párrafo siguiente. Tienes algunas opciones para abordar esto:

  1. Defina una hoja de estilo de usuario (almacenada en su máquina local) que su navegador usaría para alterar / anular la hoja de estilo predeterminada. Por supuesto, esto solo te afectaría en esa máquina. Cualquier otra máquina todavía usaría los estilos por defecto.

  2. Defina una hoja de estilo para su página que se adjunta a la página a través de una plantilla o algo. Sin embargo, si está publicando sus documentos en un host que no permite dicho control (como un wiki), eso tampoco ayudará.

  3. Definir algunos estilos en línea dentro del documento. Por supuesto, esto significa que necesitarías definir HTML en bruto para tu imagen. Y en algunos servicios, el HTML sin formato y / o el CSS en línea pueden ser eliminados.

Al final, todo depende de cómo pretenda utilizar sus documentos. Pero eso realmente no responde a tu pregunta. ¿Cómo puedes lograr esto en Markdown? En resumen, no puedes.

Como explains el autor de Markdown (énfasis conservado):

La sintaxis de Markdown está destinada a un propósito: ser utilizado como un formato para escribir en la web.

Markdown no es un reemplazo de HTML, ni siquiera está cerca de él. Su sintaxis es muy pequeña, correspondiendo solo a un subconjunto muy pequeño de etiquetas HTML. La idea no es crear una sintaxis que facilite la inserción de etiquetas HTML. En mi opinión, las etiquetas HTML ya son fáciles de insertar. La idea de Markdown es facilitar la lectura, escritura y edición de la prosa. HTML es un formato de publicación ; Markdown es un formato de escritura . Por lo tanto, la sintaxis de formato de Markdown solo aborda los problemas que se pueden transmitir en texto plano.

Si le preocupa el relleno entre elementos, le preocupa el formato , no la escritura , que está más allá del alcance previsto de Markdown. Sí, es posible volver a HTML sin formato (posiblemente con CSS integrado en línea) para forzar el formato deseado, pero así es exactamente como se supone que funciona. De hecho, el siguiente párrafo en el documento citado anteriormente establece:

Para cualquier marca que no esté cubierta por la sintaxis de Markdown, simplemente use el propio HTML. No hay necesidad de prologarlo o delimitarlo para indicar que está cambiando de Markdown a HTML; solo usas las etiquetas

Por lo tanto, la forma adecuada de abordar su problema es con HTML en bruto y / o CSS, no con alguna sintaxis especial de Markdown.


El salto de línea en Markdown es "dos o más espacios al final de la línea".


Respuesta corta : dos espacios al final de la línea.

Detalles :

Estoy proporcionando una respuesta actualizada, ya que la respuesta de @ xof, que aunque estaba incompleta, era correcta ( según los documentos ):

Cuando desea insertar una etiqueta de ruptura <br /> utilizando Markdown, finaliza una línea con dos o más espacios y luego escribe retorno.

Sí, esto requiere un poco más de esfuerzo para crear una <br />, pero una regla simplista "cada salto de línea es una <br />" no funcionaría para Markdown. Los elementos de la lista de bloqueos y los párrafos de estilo de correo electrónico de Markdown funcionan mejor, y se ven mejor, cuando los formatea con cortes duros.

Además, esto tiene la ventaja adicional de evitar que el documento se convierta innecesariamente en una combinación de markdown y HTML. Esto conserva la legibilidad, para cuando un visor de Markdown no está disponible, como en una ventana de terminal.

Solo una cosa: no haga un recorte global en los espacios finales, como suele ser habitual en el código fuente, de lo contrario perderá un formato importante.