2012-12-21 6 views
8

Ich habe unzählige Plugins ausprobiert, HTML mit Escape Keys verschlüsselt und mein Blut beginnt zu kochen. Das Umschalten zwischen Visual- und HTML-Modus verändert meinen Inhalt, dh zerstört ihn !!!Ist es überhaupt möglich, HTML-Code in Wordpress anzuzeigen?

+1

'

' funktioniert gut auf meiner Seite (Ich habe auch eine Syntax-Highlighter mir zu erlauben, '
...
' –

+0

apsillers zu tun: ja Sie richtig sind aber. in Wordpress funktioniert es überhaupt nicht –

Antwort

5

OK, ich habe herausgefunden, was zu tun ist.

  1. Gehen Sie zuerst in den visuellen Modus.
  2. Wählen Sie im Dropdown-Menü "Formatierung" die Option "Vorformatiert" aus. Eine kleine graue Box wird erstellt.
  3. Kopieren Sie in der grauen Box Ihren HTML-Code und fügen Sie ihn ein.

Speichern Sie es und wechseln Sie einige Male von visuellen zu HTML-Ansichten. Es sollte kein Mangel geben.

dazu unbedingt, die Sie in visuelle Registerkarte Einfügen, statt in der Registerkarte Text, oder es wird vollständig erhalten verstopfter (sehr intuitiv. Sie würden denken, es würde in die andere Richtung araound arbeiten) .

+0

Hmm. Das hat nicht ganz funktioniert ich, obwohl ich, um fair zu sein, Einfügen in JSX, nicht html ... Für mich, Einfügen in der jsx in der visuellen Registerkarte und _then_ Hervorhebung und Auswahl Preformatted in der Dropdown-Liste hat gut funktioniert. – sinewave440hz

3

Wordpress macht eine seltsame Sache, wo, wenn Sie zwischen visuellen und "Text" -Modus wechseln (HTML-Modus wurde in 3.5 Update umbenannt) es alle Tags, die leer scheinen, die oft nicht sein kann. Dies könnte das Problem sein, wenn Sie das Problem richtig verstehen.

Wenn Sie nur versuchen, Code auf Ihrer Website angezeigt werden sollen Sie in der Lage sein, den Code so wickeln:

<code><p>Example code post</p></code> 

Diese hier in diesen Richtlinien gelegt wird: http://codex.wordpress.org/Writing_Code_in_Your_Posts

Wenn es ein Block von Code, den Sie könnte auch die „pre“ Tag wie so verwenden, um nicht zu umgebrochen braucht:

<pre><code><p>Example code post</p></code></pre> 

Dieses hier sehr gut beschrieben: <code> vs <pre> vs <samp> for inline and block code snippets

+2

ja das funktioniert. Aber es absolut unbedingt, dass Sie es in das Visual Tab einfügen. Erstens, anstatt in der Registerkarte Text. Völlig nicht intuitiv ... –

0

Eine Möglichkeit ist, den Code kommentiert zu machen. So etwas wie,

<!--div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div--> 

statt

<div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div> 
Verwandte Themen