Bearbeiten Posted Sourcecode auf Wordpress funktioniert nicht

Question

Ich habe ein WordPress Blog direkt gehostet von WordPress und ich verwende die [code] -Tags, um Quellcode auf WordPress zu posten, das funktioniert soweit gut.

Das ist der ursprüngliche Code-Tag geschrieben I

[code language="xml"] 
<TypeScriptTarget>ES5</TypeScriptTarget> 
[/code] 

Aber wenn ich versuche, meine Beiträge zu bearbeiten mit enthaltenen Source es wie dieses

sieht und wenn ich meinen Beitrag aktualisieren die gleiche Nicht codierte Symbole werden auch auf meinem Blogpost angezeigt. Ich weiß nicht, was ich hier falsch mache.

Answer 1

Zuerst möchten Sie sicherstellen, dass die Visual Mode in WordPress deaktiviert ist, und verwenden Sie nur Text Mode.

Dann brauchen Sie keinen WordPress-Shortcode zum Hinzufügen eines vorformatierten Codeblocks.

Überprüfen Sie die Wordpress Codex das Schreiben von Code in Ihre Beiträge aus Seite:

https://codex.wordpress.org/Writing_Code_in_Your_Posts

Nur die HTML verwenden <pre> und <code> HTML-Tags:

<pre><code> 
    &lt;TypeScriptTarget&gt;ES5&lt;/TypeScriptTarget&gt; 
</pre></code> 

Sie werden feststellen, ich bin mit die HTML-Entität für die Symbole "Größer" und "Kleiner als", damit sie am Front-End von WordPress korrekt dargestellt werden.

• < =     <
• > =    >

Ressource Links zu den <pre> und <code> Elemente:

• <pre> tag: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre
• code tag: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code