Domanda

Sto sviluppando un sito AJAX. Quindi il problema è i browser (Safari, Chrome) non mostrano spazi nel contenuto HTML AJAX-caricato dopo tag come Forte, Em etc.

Poi ho aggiunto un doctype all'uscita AJAX. Tutto andava bene, c'erano tutti gli spazi, a meno che non ho provato il sito nei browser WebKit. Quando ho caricato la pagina in Safari, ho ottenuto l'errore:

  

Questa pagina contiene i seguenti errori:

     

errore sulla linea 1 alla colonna 7: errore interno

     

Di seguito è un rendering della pagina fino al primo errore.

Di cosa devo fare? O, in altre parole, c'è qualche modo per l'uscita del doctype per WebKit senza ottenere l'errore?

L'uscita è qualcosa di simile:

<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 -->
È stato utile?

Soluzione

Avete pensato di usare &nbsp; in quei luoghi?

Inoltre, provare le seguenti operazioni sul risultato Ajax in entrata:

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

Alcuni quadri si comportano strano in WebKit e mettere la spaziatura non-standard, è quello che quello che stai vedendo? Follow-up sul se le opere sostituirlo, se non ci sono altre opzioni, ma questo è di solito il più semplice più veloce correzione /. Ecco una tabella completa sul spazi stranezze , ma dipende dal browser / piattaforma su quale quirk si sta colpendo normalmente.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top