Title: SyntaxHighlighter CKEditor Button
Author: solagirl
Published: <strong>7. September 2012</strong>
Last modified: 21. April 2014

---

Plugins suchen

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

![](https://s.w.org/plugins/geopattern-icon/syntaxhighlighter-ckeditor-button.svg)

# SyntaxHighlighter CKEditor Button

 Von [solagirl](https://profiles.wordpress.org/solagirl/)

[Herunterladen](https://downloads.wordpress.org/plugin/syntaxhighlighter-ckeditor-button.1.2.2.zip)

 * [Details](https://de.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#developers)

 [Support](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/)

## Beschreibung

This plugin provides an additional code button for WordPress CKEditor so that you
can use syntaxhighlighter with CKEditor.

[CKEditor For WordPress](https://wordpress.org/extend/plugins/ckeditor-for-wordpress/)
plugin replaces the default WordPress editor with CKEditor, while [Auto SyntaxHighlighter](https://wordpress.org/extend/plugins/auto-syntaxhighlighter/)
plugin intergrates alexgorbatchev SyntaxHighlighter JavaScript package into WordPress
but doesn’t provide a code button for CKEditor. This is why I created the plugin.

If you opt not to install Auto SyntaxHighlighter plugin, then your code will simply
be wrapped with pre tag.

Auto SyntaxHighlighter is not the only choice, there are plenty of plugins out there
that integrate Alex Gorbatchev’s SyntaxHighlighter into WordPress, choose as you
like.

Note: If you encounter any problem after upgrading please clear your browser’s cache.

## Screenshots

[⌊The code button in CKEditor⌉⌊The code button in CKEditor⌉[

The code button in CKEditor

[⌊The user interface for adding code⌉⌊The user interface for adding code⌉[

The user interface for adding code

[⌊Syntaxhighlighter in action⌉⌊Syntaxhighlighter in action⌉[

Syntaxhighlighter in action

[⌊What it looks like when a custom editor style is defined within CKEditor's advanced
settings.⌉⌊What it looks like when a custom editor style is defined within CKEditor's
advanced settings.⌉[

What it looks like when a custom editor style is defined within CKEditor’s advanced
settings.

## Installation

 1. Upload this plugin to the ‚/wp-content/plugins/‘ directory.
 2. Activate the plugin through the ‚Plugins‘ menu in WordPress.
 3. Make sure you have installed and activated CKEditor For WordPress and Auto SyntaxHighlighter
    plugin.
 4. To give the pre tag a special style in the visual editor, go to „CKEditor->Advanced
    Settings“, set „Editor CSS“ to be Define css, set „CSS path“ to be **http://yourdomain.
    com/wp-content/plugins/syntaxhighlighter-ckeditor-button/ckeditor.css****. Please
    replace ****yourdomain.com** with the real path of your „WordPress Address“ defined
    in „Setings->General“.
 5. Save the settings and enjoy.

Note: If you encounter any problem after upgrading please clear your browser’s cache.

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„SyntaxHighlighter CKEditor Button“ ist Open-Source-Software. Folgende Menschen 
haben an diesem Plugin mitgewirkt:

Mitwirkende

 *   [ solagirl ](https://profiles.wordpress.org/solagirl/)

[Übersetze „SyntaxHighlighter CKEditor Button“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/syntaxhighlighter-ckeditor-button)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/syntaxhighlighter-ckeditor-button/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/syntaxhighlighter-ckeditor-button/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/syntaxhighlighter-ckeditor-button/)
per [RSS](https://plugins.trac.wordpress.org/log/syntaxhighlighter-ckeditor-button/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.2.2

 * Put all ckeditor’s default style into ckeditor.css

#### 1.2.1

 * Make it compatible with the latest CKEditor For WordPress 4.0 plugin
 * Code button is moved to the insert toolbar

#### 1.2

 * Compatible with CKEditor For WordPress 4.0 and WordPress 3.5
 * Fix a bug when deactivating the plugin.

#### 1.1

 * Imporove the admin notification method, using wp pointer
 * Automatically remove the code button from ckeditor’s settings upon deactivation.

## Meta

 *  Version **1.2.2**
 *  Zuletzt aktualisiert **vor 12 Jahren**
 *  Aktive Installationen **70+**
 *  WordPress-Version ** 3.3 oder höher **
 *  Getestet bis **3.9.40**
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/syntaxhighlighter-ckeditor-button/)
 * Schlagwörter
 * [ckeditor](https://de.wordpress.org/plugins/tags/ckeditor/)[SyntaxHighlighter](https://de.wordpress.org/plugins/tags/syntaxhighlighter/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Deine Rezension](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/reviews/)

## Mitwirkende

 *   [ solagirl ](https://profiles.wordpress.org/solagirl/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/)