このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

SyntaxHighlighter CKEditor Button

説明

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

CKEditor For WordPress plugin replaces the default WordPress editor with CKEditor, while 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.

スクリーンショット

  • The code button in CKEditor
  • The user interface for adding code
  • Syntaxhighlighter in action
  • What it looks like when a custom editor style is defined within CKEditor's advanced settings.

インストール

  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.

貢献者と開発者

SyntaxHighlighter CKEditor Button はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“SyntaxHighlighter CKEditor Button” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

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.