Title: Just TinyMCE Custom Styles Author: Alex Prokopenko / JustCoded Published: 20 Juli 2016 Last modified: 14 Agustus 2020 --- Cari plugin ![](https://ps.w.org/just-tinymce-styles/assets/banner-772x250.png?rev=1470610) Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan dengan versi WordPress yang lebih baru. ![](https://ps.w.org/just-tinymce-styles/assets/icon-128x128.png?rev=1470610) # Just TinyMCE Custom Styles Oleh [Alex Prokopenko / JustCoded](https://profiles.wordpress.org/aprokopenko/) [Unduh](https://downloads.wordpress.org/plugin/just-tinymce-styles.zip) * [Detail](https://id.wordpress.org/plugins/just-tinymce-styles/#description) * [Ulasan](https://id.wordpress.org/plugins/just-tinymce-styles/#reviews) * [Instalasi](https://id.wordpress.org/plugins/just-tinymce-styles/#installation) * [Pengembangan](https://id.wordpress.org/plugins/just-tinymce-styles/#developers) [Bantuan](https://wordpress.org/support/plugin/just-tinymce-styles/) ## Deskripsi 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 ## Tangkapan Layar [⌊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 ## Instalasi 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. ## Ulasan ![](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/) 1 Juli 2019 1 balasan 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/) 7 Agustus 2018 1 balasan 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/) 20 Maret 2018 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/) 15 Maret 2017 1 balasan 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/) 15 Desember 2016 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/) 9 Oktober 2016 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 … [ Baca semua 6 ulasan ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/) ## Kontributor & Pengembang “Just TinyMCE Custom Styles” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ Alex Prokopenko / JustCoded ](https://profiles.wordpress.org/aprokopenko/) [Terjemahkan “Just TinyMCE Custom Styles” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/just-tinymce-styles) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/just-tinymce-styles/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/just-tinymce-styles/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/just-tinymce-styles/) melalui [RSS](https://plugins.trac.wordpress.org/log/just-tinymce-styles/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan * 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 ## Meta * Versi **1.2.1** * Diperbarui **6 tahun yang lalu** * Instalasi Aktif **1,000+** * Versi WordPress ** 4.3 atau yang terbaru ** * Diuji hingga **5.5.23** * Bahasa * [English (US)](https://wordpress.org/plugins/just-tinymce-styles/) * Tag * [custom-styles](https://id.wordpress.org/plugins/tags/custom-styles/)[editor](https://id.wordpress.org/plugins/tags/editor/) [styles](https://id.wordpress.org/plugins/tags/styles/)[tinyMCE](https://id.wordpress.org/plugins/tags/tinymce/) * [Tampilan lanjut](https://id.wordpress.org/plugins/just-tinymce-styles/advanced/) ## Rating 4.8 dari 5 bintang. * [ 5 ulasan 5-bintang ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=5) * [ 1 ulasan 4-bintang ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=4) * [ 0 ulasan 3-bintang ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=3) * [ 0 ulasan 2-bintang ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=2) * [ 0 ulasan 1-bintang ](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/just-tinymce-styles/reviews/) ## Kontributor * [ Alex Prokopenko / JustCoded ](https://profiles.wordpress.org/aprokopenko/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/just-tinymce-styles/)