Title: Just TinyMCE Custom Styles
Author: Alex Prokopenko / JustCoded
Published: <strong>2016년 7월 20일</strong>
Last modified: 2020년 8월 14일

---

플러그인 검색

![](https://ps.w.org/just-tinymce-styles/assets/banner-772x250.png?rev=1470610)

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

![](https://ps.w.org/just-tinymce-styles/assets/icon-128x128.png?rev=1470610)

# Just TinyMCE Custom Styles

 작성자: [Alex Prokopenko / JustCoded](https://profiles.wordpress.org/aprokopenko/)

[다운로드](https://downloads.wordpress.org/plugin/just-tinymce-styles.zip)

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

 [지원](https://wordpress.org/support/plugin/just-tinymce-styles/)

## 설명

This plugin controls the TinyMce “style_formats” parameter. It allows adding custom
formatters to the Wysiwyg editor.

This is only a user interface to the standard feature, which is disabled by default
and explained in the official
 documentation on codex.wordpress.org: https://codex.
wordpress.org/TinyMCE_Custom_Styles

#### Features

 * Load Settings from DB or .json file from theme
 * Enable/Disable some style_format features for more clean formatting
 * Nice interface to quickly add your formats
 * Ability to apply custom editor css for each rule separately
 * You can group your styles for more clear usage
 * Bootstrap preset: pre-defined bootstrap styles for editor.

#### Example: Custom link class

For example, you can define an addition dropdown option of the css classes for the
link tag.
 To do so, create such row formatter:.

 * Title: My Link Style
 * Selector: a
 * Classes: my-link-style
 * Editor CSS: a.my-link-style { color:red; }

#### Plugin Demo

#### Presets

We added special feature called “Presets” – these are pre-defined styles included
inside the plugin.
 You can import them to your site with a single click.

With presets we plan to add popular CSS framework classes to be able to use them
inside the editor.
 We started with a Bootstrap preset, because it’s one of the 
most popular CSS framework right now.

#### ISSUES TRACKER

If you have any feedbacks or bugs found, please write to our GitHub issues tracker:

https://github.com/justcoded/just-tinymce-custom-styles/issues

## 스크린샷

[⌊Plugin settings page where you can enable/disable formatter options⌉⌊Plugin settings
page where you can enable/disable formatter options⌉[

Plugin settings page where you can enable/disable formatter options

[⌊Style formatters edit⌉⌊Style formatters edit⌉[

Style formatters edit

[⌊WordPress editor look⌉⌊WordPress editor look⌉[

WordPress editor look

[⌊Bootstrap styles preset⌉⌊Bootstrap styles preset⌉[

Bootstrap styles preset

## 설치

 1. Download, unzip and upload to your WordPress plugins directory.
 2. Activate the plugin within your WordPress Administration Backend.
 3. Go to Settings > TinyMCE Custom Styles.
 4. Open the Settings page, enable required elements and save Settings.
 5. Open the TinyMCE Styles page and add your options.
 6. Save values.

## 후기

![](https://secure.gravatar.com/avatar/c551932fa77d46e377f87b557a20ce08ce6b905e067de5aaceb64a2712cf96ec?
s=60&d=retro&r=g)

### 󠀁[Easy to use and developer friendly](https://wordpress.org/support/topic/easy-to-use-and-developer-friendly-2/)󠁿

 [AMIB](https://profiles.wordpress.org/amib/) 2019년 7월 1일 답글 1개

Easy to use plugin and created for WP developers

![](https://secure.gravatar.com/avatar/ea4a57e0738d1069ce513e192db119256eb5d0ee6307702e7846b8a4e73c8acc?
s=60&d=retro&r=g)

### 󠀁[Problem with plugin](https://wordpress.org/support/topic/problem-with-plugin-49/)󠁿

 [vstrelianyi](https://profiles.wordpress.org/vstrelianyi/) 2018년 8월 7일 답글 
1개

When activating the plugin I'm receiving the following error: Fatal error: Class'
jtmce\core\Singleton' not found in \wp-content\plugins\just-tinymce-styles\just-
tiny-mce-styles.php on line 20

![](https://secure.gravatar.com/avatar/ceff2bd01e05b04e37a8483763db02b2a53a2bb2415e48e086f537be7455c99d?
s=60&d=retro&r=g)

### 󠀁[Total breakthrough in post editing](https://wordpress.org/support/topic/total-breakthrough-in-post-editing/)󠁿

 [btsybulnyk](https://profiles.wordpress.org/btsybulnyk/) 2018년 3월 20일

I had a lot of problems with adding custom styles to post content. This plugin solved
all of my problems. Thanks, Alex!

![](https://secure.gravatar.com/avatar/a6ce9e3fbd93c7d2c6033399036ce1dc6bd3483fcee8678682d93c5f4731ca98?
s=60&d=retro&r=g)

### 󠀁[Could be better documented](https://wordpress.org/support/topic/could-be-better-documented/)󠁿

 [asha23](https://profiles.wordpress.org/asha23/) 2017년 3월 15일 답글 1개

This works well, however a lot of knowledge is assumed. I think the documentation
could be a lot clearer.

![](https://secure.gravatar.com/avatar/cfa361cb565f1c5cc9085e8d13e51c7ed0b487fb74df094b65dab276ea86f86b?
s=60&d=retro&r=g)

### 󠀁[Works well](https://wordpress.org/support/topic/works-well-906/)󠁿

 [DerHerrMeier](https://profiles.wordpress.org/derherrmeier/) 2016년 12월 15일

Installed and just works well so far.

![](https://secure.gravatar.com/avatar/d0033d93efc0a12337b61e86c29f485aff5f9c5e1e7935e041f8d160fa3d56f4?
s=60&d=retro&r=g)

### 󠀁[This is REALLY useful](https://wordpress.org/support/topic/this-is-really-useful-2/)󠁿

 [GregW](https://profiles.wordpress.org/gwmbox/) 2016년 10월 9일

Where has this been for so long 🙂 This really is a great little plugin (for TinyMCE
advanced) that lets developers add specific class elements that any WYSIWYG user
can use without needing to go into the code to add a class element to a required
tag. With options to have a class title that makes sense to anyone, plus the ability
to add the class to a tag selector or name to a specific tag just makes it so easy
to use in the WYSIWYG editor. The ability to add additional styles is a bonus, however
I tend to leave those blank (my personal choice) and simply have the sites theme
editor css file contain the styles predefined. Some may say why not just use the
editor css file for classes under the formats menu? While that does work this plugin
allows you to have full control of all editor classes you want to use within the
editor that are easier to use and to match your front end styles. You may need to
experiment a little to get the correct class added to your required tag, but once
it is all done the WYSIWYG TinyMCE Editor is so much more useful. The main benefit
of this is that you can be sure you are adding the required class (and styles) to
the tags YOU want. Big thanks to the developer, please keep this plugin alive …

 [ 모든 6 평가 읽기 ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/)

## 기여자 & 개발자

“Just TinyMCE Custom Styles”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이
플러그인에 기여하였습니다.

기여자

 *   [ Alex Prokopenko / JustCoded ](https://profiles.wordpress.org/aprokopenko/)

[자국어로 “Just TinyMCE Custom Styles”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/just-tinymce-styles)

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

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/just-tinymce-styles/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/just-tinymce-styles/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/just-tinymce-styles/)을 [RSS](https://plugins.trac.wordpress.org/log/just-tinymce-styles/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

 * Version 1.2
    - Fixed preset import: If you don’t have “type” feature enabled in your settings,
      import will enable it for you.
 * Version 1.1
    - Ability to group new styles into dropdowns
    - Presets: pre-defined list of styles. Bootstrap added.
 * Version 1.0
    - First version of the plugin

## 기초

 *  버전 **1.2.1**
 *  최근 업데이트: **6년 전**
 *  활성화된 설치 **1,000+**
 *  워드프레스 버전 ** 4.3 또는 그 이상 **
 *  다음까지 시험됨: **5.5.23**
 *  언어
 * [English (US)](https://wordpress.org/plugins/just-tinymce-styles/)
 * 태그:
 * [custom-styles](https://ko.wordpress.org/plugins/tags/custom-styles/)[editor](https://ko.wordpress.org/plugins/tags/editor/)
   [styles](https://ko.wordpress.org/plugins/tags/styles/)[tinyMCE](https://ko.wordpress.org/plugins/tags/tinymce/)
 *  [고급 보기](https://ko.wordpress.org/plugins/just-tinymce-styles/advanced/)

## 평점

 별 5점 만점에 4.8점.

 *  [  5/5-별점 후기     ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=5)
 *  [  1/4-별점 후기     ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/)

## 기여자

 *   [ Alex Prokopenko / JustCoded ](https://profiles.wordpress.org/aprokopenko/)

## 지원

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

 [지원 포럼 보기](https://wordpress.org/support/plugin/just-tinymce-styles/)