Die beliebtesten Blogs, die PRISM verwenden, sind Smashing Magazine, CSS-TRICKS, SitePoint. Wenn Sie nach einer L\u00f6sung zur Verwendung des Syntax-Highlighters suchen, lesen Sie weiter.<\/p>\n
Installation<\/h3>\n
Um PRISM-Code-Highlighter verwenden zu k\u00f6nnen, m\u00fcssen Sie deren JS und CSS in Ihre Website einbinden. PRISM erm\u00f6glicht es Ihnen, Ihre Auswahl bez\u00fcglich Thema und Sprachauswahl anzupassen. Gehen Sie zur PRISM-Homepage<\/a> und klicken Sie auf den Download-Button.<\/p>\n W\u00e4hlen Sie auf der n\u00e4chsten Seite das Thema aus, das zu Ihrer Website passt. W\u00e4hlen Sie im Abschnitt Sprachen die Sprachen aus, die Ihre Website lehrt. Hier empfehlen wir, nur die ben\u00f6tigten Sprachen auszuw\u00e4hlen. Andernfalls belegen die JS- und CSS-Dateien Ihres PRISM unn\u00f6tigen Speicherplatz.<\/p>\n Wenn Sie Ihre Optionen ausgew\u00e4hlt haben, scrollen Sie nach unten und laden Sie Ihre angepassten JS- und CSS-Dateien separat herunter.<\/p>\n Wir haben JS- und CSS-Dateien heruntergeladen, die unsere Codesyntax hervorheben. Als n\u00e4chstes m\u00fcssen Sie sehen, wie Sie es in Ihrem tats\u00e4chlichen Code verwenden, w\u00e4hrend Sie auf Webseiten angezeigt werden.<\/p>\n Zuerst m\u00fcssen Sie diese heruntergeladenen Dateien in Ihre Website einbinden.<\/p>\n Als n\u00e4chstes stellt PRISM f\u00fcr jede unterst\u00fctzte Sprache eine einzigartige Klasse bereit, die wir beim Hinzuf\u00fcgen der Sprachsyntax verwenden m\u00fcssen. Wenn Sie beispielsweise einen PHP-Code schreiben, sollten Sie Ihren PHP-Code wie folgt umschlie\u00dfen.<\/p>\n Beachten Sie, dass wir "<?php" anstelle von "<?php" verwendet haben. W\u00e4hrend Sie PRISM verwenden, m\u00fcssen Sie die Zeichen Um einen CSS-Code zu schreiben, m\u00fcssen Sie class verwenden Dieser CSS-Code wird auf Ihrer Website wie folgt angezeigt:<\/p>\n Auf die gleiche Art und Weise f\u00fcr HTML und JavaScript – Syntax Sie m\u00fcssen Klassen verwenden Um die Liste der unterst\u00fctzten Sprachen und deren Klassen zu erhalten, klicken Sie auf diesen Link<\/a>.<\/p>\n In diesem Artikel zeigen wir Ihnen, wie Sie den PRISM Syntax Highlighter auf Ihrer Website installieren und verwenden. Es f\u00fcgt Ihrer Codesyntax ein sch\u00f6nes Aussehen hinzu, was Ihren Besuchern eine bessere Benutzererfahrung bietet. Alternativ k\u00f6nnen Sie auch das WordPress-Plugin SyntaxHighlighter Evolved<\/a> \u00fcberpr\u00fcfen, das wir in unserem Blog verwenden.<\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211618250b.png\")
<\/a><\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211631b429.png\")
<\/a><\/p>\nSo verwenden Sie den Syntax-Highlighter<\/h3>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<link href=\"css\/prism.css\" rel=\"stylesheet\" \/>\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<script src=\"js\/prism.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\")
<\/a><\/p>\n<<\/code>und ><\/code>f\u00fcr ‚<‚ bzw. ‚>‘ verwenden. Wenn Sie nun Ihre Webseite \u00fcberpr\u00fcfen, sollten Sie Ihren PHP-Code in etwa wie folgt sehen Bildschirmfoto.<\/p>\n<\/a><\/p>\nlanguage-css<\/code>.<\/p>\n<\/a><\/p>\n<\/a><\/p>\nlanguage-markup<\/code>und language-js<\/code>jeweils.<\/p>\nFazit<\/h3>\n
Zum Thema passende Artikel<\/h4>\n