{"id":49730,"date":"2016-07-20T17:21:54","date_gmt":"2016-07-20T17:21:54","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/just-tinymce-styles\/"},"modified":"2020-08-14T13:12:07","modified_gmt":"2020-08-14T13:12:07","slug":"just-tinymce-styles","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/just-tinymce-styles\/","author":8080006,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.1","stable_tag":"trunk","tested":"5.5.18","requires":"4.3","requires_php":"","requires_plugins":"","header_name":"Just TinyMCE Custom Styles","header_author":"JustCoded \/ Alex Prokopenko","header_description":"","assets_banners_color":"86d1d8","last_updated":"2020-08-14 13:12:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"http:\/\/justcoded.com\/","rating":4.8,"author_block_rating":0,"active_installs":2000,"downloads":19628,"num_ratings":6,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":{"":"<p>To upgrade remove the old plugin folder. After than follow the installation steps 1-2. All settings will be saved.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":"1","5":"5"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1470610","resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1554x500.png":{"filename":"banner-1554x500.png","revision":"1470610","resolution":"1554x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1470610","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2","1.2.1"],"block_files":[],"assets_screenshots":{"screenshot-4.png":{"filename":"screenshot-4.png","revision":2361104,"resolution":"4","location":"plugin"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":2361104,"resolution":"1","location":"plugin"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2361104,"resolution":"3","location":"plugin"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2361104,"resolution":"2","location":"plugin"}},"screenshots":{"1":"Plugin settings page where you can enable\/disable formatter options","2":"Style formatters edit","3":"WordPress editor look","4":"Bootstrap styles preset"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[13420,1332,74775,2003,1719],"plugin_category":[46],"plugin_contributors":[80550],"plugin_business_model":[],"class_list":["post-49730","plugin","type-plugin","status-publish","hentry","plugin_tags-custom-styles","plugin_tags-editor","plugin_tags-link-class","plugin_tags-styles","plugin_tags-tinymce","plugin_category-editor-and-writing","plugin_contributors-aprokopenko","plugin_committers-aprokopenko"],"banners":{"banner":"https:\/\/ps.w.org\/just-tinymce-styles\/assets\/banner-772x250.png?rev=1470610","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/just-tinymce-styles\/assets\/icon-128x128.png?rev=1470610","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/just-tinymce-styles\/trunk\/screenshot-1.png?rev=2361104","caption":"Plugin settings page where you can enable\/disable formatter options"},{"src":"https:\/\/ps.w.org\/just-tinymce-styles\/trunk\/screenshot-2.png?rev=2361104","caption":"Style formatters edit"},{"src":"https:\/\/ps.w.org\/just-tinymce-styles\/trunk\/screenshot-3.png?rev=2361104","caption":"WordPress editor look"},{"src":"https:\/\/ps.w.org\/just-tinymce-styles\/trunk\/screenshot-4.png?rev=2361104","caption":"Bootstrap styles preset"}],"raw_content":"<!--section=description-->\n<p>This plugin controls the TinyMce \"style_formats\" parameter. It allows adding custom formatters to the Wysiwyg editor.<\/p>\n\n<p>This is only a user interface to the standard feature, which is disabled by default and explained in the official\ndocumentation on codex.wordpress.org: https:\/\/codex.wordpress.org\/TinyMCE_Custom_Styles<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Load Settings from DB or .json file from theme<\/li>\n<li>Enable\/Disable some style_format features for more clean formatting<\/li>\n<li>Nice interface to quickly add your formats<\/li>\n<li>Ability to apply custom editor css for each rule separately<\/li>\n<li>You can group your styles for more clear usage<\/li>\n<li>Bootstrap preset: pre-defined bootstrap styles for editor.<\/li>\n<\/ul>\n\n<h4>Example: Custom link class<\/h4>\n\n<p>For example, you can define an addition dropdown option of the css classes for the link tag.\nTo do so, create such row formatter:.<\/p>\n\n<ul>\n<li>Title: My Link Style<\/li>\n<li>Selector: a<\/li>\n<li>Classes: my-link-style<\/li>\n<li>Editor CSS: a.my-link-style { color:red; }<\/li>\n<\/ul>\n\n<h4>Plugin Demo<\/h4>\n\n<p>https:\/\/www.youtube.com\/watch?v=fljkfet52eg<\/p>\n\n<h4>Presets<\/h4>\n\n<p>We added special feature called \"Presets\" - these are pre-defined styles included inside the plugin.\nYou can import them to your site with a single click.<\/p>\n\n<p>With presets we plan to add popular CSS framework classes to be able to use them inside the editor.\nWe started with a Bootstrap preset, because it's one of the most popular CSS framework right now.<\/p>\n\n<h4>ISSUES TRACKER<\/h4>\n\n<p>If you have any feedbacks or bugs found, please write to our GitHub issues tracker:\nhttps:\/\/github.com\/justcoded\/just-tinymce-custom-styles\/issues<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download, unzip and upload to your WordPress plugins directory.<\/li>\n<li>Activate the plugin within your WordPress Administration Backend.<\/li>\n<li>Go to Settings &gt; TinyMCE Custom Styles.<\/li>\n<li>Open the Settings page, enable required elements and save Settings.<\/li>\n<li>Open the TinyMCE Styles page and add your options.<\/li>\n<li>Save values.<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<ul>\n<li>Version 1.2\n\n<ul>\n<li>Fixed preset import: If you don't have \"type\" feature enabled in your settings, import will enable it for you.<\/li>\n<\/ul><\/li>\n<li>Version 1.1\n\n<ul>\n<li>Ability to group new styles into dropdowns<\/li>\n<li>Presets: pre-defined list of styles. Bootstrap added.<\/li>\n<\/ul><\/li>\n<li>Version 1.0\n\n<ul>\n<li>First version of the plugin<\/li>\n<\/ul><\/li>\n<\/ul>","raw_excerpt":"Adds dropdown options for custom css classes and attributes for tags in WordPress TinyMCE Editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/49730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=49730"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/aprokopenko"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=49730"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=49730"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=49730"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=49730"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=49730"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=49730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}