Das Wordpress
  1. Das Wordpress
  3. Wie kann ich die Syntax hervorheben, wie sie im Stackoverflow erscheint?
Intereting Posts
Warum ist ein leeres Ergebnis ein Fehler? ($ wpdb-> get_row) Wie ändere ich die Sprache auf der Seite “Passwort zurücksetzen”? Taxonomie- $ Taxonomie- $ Begriff funktioniert nicht jQuery funktioniert nicht in meinem PHP-Snippet Multisite WordPress Nginx hochgeladene Dateien casting 404 Meta-Box zeigt keine Dateneingabe im Textfeld an Suche zeigt nicht alle Ergebnisse wp_get_nav_menu_items Auftrag funktioniert nicht Wie lade ich ganze WordPress-Seiten dynamisch mit AJAX / jQuery, so wie diese folgende Webseite? So fügen Sie eine benutzerdefinierte Detailseite für einen Abonnenten im Admin-Steuerfeld hinzu Wie man str_replace auf den Ergebnissen von wp_list_pages ausführt In der mobilen Version werden keine Bilder angezeigt Einfache term-archive-linked Taxonomy Entry-Ausgabe Bedingter interner Suchergebnisauszug Menü Benutzerdefinierter Link – Verwenden der relativen Verknüpfung, wenn sich WP in einem Unterverzeichnis befindet

Wie kann ich die Syntax hervorheben, wie sie im Stackoverflow erscheint?

Angenommen, ich schreibe einen Beitrag und möchte nur ein paar Zeichen hervorheben: like this . Wie kann ich das erreichen?

Solutions Collecting From Web of "Wie kann ich die Syntax hervorheben, wie sie im Stackoverflow erscheint?"

HTML-Sprache enthält ein spezielles Tag zum Anzeigen von Inline-Code . Um es auf Ihren Text anzuwenden, wechseln Sie zur Registerkarte “Text” und platzieren Sie das -Tag vor Ihrem Code und anschließend das -Tag.

Wenn Sie den Backtick-Charakter zum Hervorheben von Code verwenden möchten, wie Sie dies bei Stack Overflow tun, sollten Sie dieses Plugin von Tom McFarlin ausprobieren .

Sie können dafür einen Shortcode erstellen 

 < ?php add_shortcode('highlight','ravs_hightlight'); function ravs_hightlight( $atts, $content=""){ return ''.$content.''; } ?>

fügen Sie obigen Code in functions.php .

benutze shortcode in wordpress editer like 

 [highlight]test for hightlight short code[/highlight]

Ihre HTML-Ausgabe wie 

 test for hightlight short code

Geben .highlight class .highlight etwas .highlight

Wichtiger Link :

add_shortcode ()

Dieses Thema wurde hier und hier erfolgreich diskutiert.

Bungeshea hat recht, aber Sie können diese Tags auch einfach und einfach in Ihren Texteditor (nicht visueller Editor) einfügen: 

 [sourcecode language='CorrespondingLanguage'] //Your code goes here [/sourcecode]