Bei CodeSnippet handelt es sich um eine Erweiterung für den ckeditor die ihnen ermöglicht in ihren Texten Programmcode besser darzustellen. Der Code wird dann dargestellt wie in einem Editor.
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token|raw }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token|raw }}">
<js-placeholder token="{{ placeholder_token|raw }}">
</head>
<body{{ attributes }}>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token|raw }}">
</body>
</html>
Diese Erweiterung muss in Drupal erst installiert werden. Dazu laden sie das Plug-In von https://download.ckeditor.com/codesnippet/releases/codesnippet_4.5.11.zip herunter und entpacken es im Ordner ihrDrupal/libraries
Den Ordner müssen sie gegebenenfalls erst erstellen.
Anschließend installieren sie das Modul https://www.drupal.org/project/codesnippet und aktivieren es in Drupal.
Um den Button im Editor sichtbar zu machen aktivieren sie ihn in dem sie unter „Text formats and editors“ Drupal/admin/config/content/formats das Button Symbol runterziehen in ihre Editor Leiste.
Außerdem können sie anschließend noch das Design auswählen in dem der Code erscheinen soll.
Es lassen sich viele Designs auswählen.
Ein Demo gibt es unter https://highlightjs.org/static/demo/
Außerdem gibt es unter https://highlightjs.org/download/ weitere Programmiersprachen zur Erweiterung.
Zur Installation muss nur die highlight.pack.js Datei ersetzt werden im Ordner unter: /libraries/codesnippet/lib/highlight/highlight.pack.js
Es sollte außerdem noch der Drupal Cache geleert werden.
Neuen Kommentar hinzufügen