Title: SyntaxHighlighter CKEditor Button
Author: solagirl
Published: <strong>2012년 9월 7일</strong>
Last modified: 2014년 4월 21일

---

플러그인 검색

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

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

# SyntaxHighlighter CKEditor Button

 작성자: [solagirl](https://profiles.wordpress.org/solagirl/)

[다운로드](https://downloads.wordpress.org/plugin/syntaxhighlighter-ckeditor-button.1.2.2.zip)

 * [세부사항](https://ko.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#description)
 * [평가](https://ko.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#installation)
 * [개발](https://ko.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/#developers)

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

## 설명

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.

## 스크린샷

[⌊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.

## 설치

 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”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이
이 플러그인에 기여하였습니다.

기여자

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

[자국어로 “SyntaxHighlighter CKEditor Button”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/syntaxhighlighter-ckeditor-button)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/syntaxhighlighter-ckeditor-button/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/syntaxhighlighter-ckeditor-button/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/syntaxhighlighter-ckeditor-button/)
을 [RSS](https://plugins.trac.wordpress.org/log/syntaxhighlighter-ckeditor-button/?limit=100&mode=stop_on_copy&format=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.

## 기초

 *  버전 **1.2.2**
 *  최근 업데이트: **12년 전**
 *  활성화된 설치 **70+**
 *  워드프레스 버전 ** 3.3 또는 그 이상 **
 *  다음까지 시험됨: **3.9.40**
 *  언어
 * [English (US)](https://wordpress.org/plugins/syntaxhighlighter-ckeditor-button/)
 * 태그:
 * [ckeditor](https://ko.wordpress.org/plugins/tags/ckeditor/)[SyntaxHighlighter](https://ko.wordpress.org/plugins/tags/syntaxhighlighter/)
 *  [고급 보기](https://ko.wordpress.org/plugins/syntaxhighlighter-ckeditor-button/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

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

[모든  리뷰 보기](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/reviews/)

## 기여자

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

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/syntaxhighlighter-ckeditor-button/)