quitar - saltos de linea en title html

Cómo evitar el salto de línea en guiones en todos los navegadores

Question

Tenemos un ckeditor en nuestro CMS. Nuestros usuarios finales ingresarán algunos artículos largos a través de ese ckeditor. Necesitamos una forma de evitar el salto de línea en los guiones de esos artículos.

¿Hay alguna forma de evitar el salto de línea en guiones en todos los navegadores?

o tiene ckeditor una opción para evitar eso?

Answer 1

No puede hacerlo sin editar cada instancia de HTML. En consecuencia, escribí algunos JS para reemplazarlos:

jQuery:

//replace hypens with no-breaking ones
$txt = $("#block-views-video-block h2");
$txt.text( $txt.text().replace(/-/g, ''‑'') );

Vanilla JS:

function nonBrHypens(id) {
var str = document.getElementById(id).innerHTML;
var txt = str.replace(/-/g, ''‑'');
document.getElementById(id).innerHTML = txt;
}

Answer 2

Una solución podría ser usar una etiqueta de span adicional y la propiedad CSS de white-space . Solo defina una clase como esta:

.nowrap {
white-space: nowrap;
}

Y luego agregue un lapso con esa clase alrededor de su texto con guiones.

<p>This is the <span class="nowrap">anti-inflammable</span> model</p>

Este enfoque debería funcionar bien en todos los navegadores: las implementaciones defectuosas enumeradas aquí son para otros valores de la propiedad de white-space : http://reference.sitepoint.com/css/white-space#compatibilitysection

Answer 3

prueba esto

word-break: break-all; -webkit-hyphens:none;-moz-hyphens: none; hyphens: none;

Answer 4

Puede usarlo ‑ que es un Unicode INCONFUNDENTE HIPEN (U + 2011).

HTML: ‑ o ‑

También vea: http://en.wikipedia.org/wiki/Hyphen#In_computing

Answer 5

Me temo que no hay una forma más sencilla de hacerlo de manera confiable que dividir el texto en "palabras" (secuencias de caracteres que no son espacios en blanco separados por espacios en blanco) y envolver cada "palabra" que contiene un guion dentro de la nobr . Así que los datos de entrada como bla bla foo-bar bla bla se convertirían en bla bla <nobr>foo-bar</nobr> bla bla .

Incluso podría considerar insertar nobr cada vez que la "palabra" contenga algo más que letras y dígitos. La razón es que algunos navegadores incluso pueden romper cadenas como "2/3" o "f (0)" (consulte mi página sobre las rarezas de la rotura de línea en los navegadores ).