Pregunta

Estoy desarrollando un sitio de AJAX. Así que el problema es de los navegadores (Safari, Chrome) no muestran espacios en el contenido HTML cargado en AJAX después de etiquetas como fuerte, Em, etc.

Luego añade un tipo de documento a la salida AJAX. Todo estaba bien, había todos los espacios, a menos que probé el sitio en los navegadores WebKit. Cuando carga la página en Safari, que ha obtenido un error:

  

Esta página contiene los siguientes errores:

     

error en la línea 1 en la columna 7: error interno

     

A continuación se muestra una representación de la página hasta el primer error.

¿Qué tengo que hacer? O, en otras palabras, ¿hay alguna manera para dar salida al tipo de documento para WebKit sin conseguir el error?

La salida es algo así:

<div class="topic">
    <div class="colon">
        <div class="topictext">
            <h2><a href="/artikul/1" class="showhuman" id="1" onclick="showhumaninfo (1); return false;">KirillTitov</a> tells us:</h2><p>Here you go.<br/>
<b>Bold text</b> <i>italic text</i> <strike>etc</strike>…</p> 
            </div><!-- topictext -->
            <div class="topicright"></div>
            <div class="clear"></div>
            <div class="topicinfo">
            <div class="topicclock">
                <font title="Timestamp for geeks — 1253816398">24&#0160;september,&#0160;year&#0160;2009</font>
            </div><!-- topicclock -->
            <div class="topiccomment">
                <a href="/joindachat/2" class="entertopic" id="2" onclick="entertopic (2); return false;">Go inside</a> (мнений: 0)
            </div><!-- topiccomment -->
        </div><!-- topicinfo -->
        <div class="topicindex">
            <img src="/img/bgtopicindex.gif" border="0" alt="" />
        </div><!-- topicindex -->
        <div class="blur"></div>
    </div><!-- colon -->
    <div class="colon">
        <div class="indextopcomment">
            <div class="commenttopleft"><img src="/img/bgcommentindexgreen.gif" alt="" border="0" /></div>
            <div class="texttopcomment nonenew">
                No comments here.
            </div>
            <div class="clear"></div>
            </div><!-- indextopcomment -->
            </div><!-- colon -->
            <div class="clear"></div>
        </div><!-- topic -->
    <div class="clear"></div>
</div><!-- topic -->
¿Fue útil?

Solución

¿Ha pensado en utilizar &nbsp; en esos lugares?

Además, trate lo siguiente en su resultado ajax entrante:

.Replace("\xA0", "&nbsp;").Replace("\x20","&nbsp;");

Algunos marcos comportan extraño en WebKit y poner el espaciado no-estándar en el, es lo que lo que estás viendo? Seguimiento de las obras si el reemplazar, si no hay otras opciones, pero eso es por lo general la solución más simple / más rápida. Aquí hay una tabla completa en el espacio en blanco rarezas , pero depende de navegador / plataforma en cuanto a que Quirk que está golpeando con normalidad.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top