Francesco Canovi

Marco Chiesi

Black Studio

<p>This plugin adds a new <code>Visual Editor</code> widget type that allows you to insert rich text and media objects in your sidebars with no hassle. With Black Studio TinyMCE Widget you will be able to edit your widgets in a WYSIWYG manner using the native WordPress TinyMCE editor, just like you do in posts and pages. And if you are a developer you may still switch back and forth from Visual to HTML mode.</p>
<p>For years the default WordPress text widget has been very basic and it required HTML knowledge to add formatting and images/media to the text. This plugin was born in 2011 to overcome these limitations. After a long time, in June 2017, version 4.8 of WordPress finally introduced a new text widget that included the ability to manage text widgets with the visual editor. The new widget available in WordPress core could now be used as a basic replacement of Black Studio TinyMCE Widget, but the plugin still offers some additional features, so it remains a must-have for advanced users.</p>
<h4>Basic Features</h4>
<ul>
<li>Add rich text widgets to your sidebars and edit them using the TinyMCE visual editor</li>
<li>Switch between Visual mode and HTML mode (including Quicktags toolbar)</li>
<li>Insert images, videos, and other media from WordPress Media Library</li>
<li>Insert links to existing WordPress pages/posts or external resources</li>
<li>Support for shortcodes, smilies and embed in widget text (including preview)</li>
<li>Support for the Block-based Widgets Editor introduced with WordPress 5.8</li>
<li>Support for Customizer with live preview and quick edit</li>
<li>Support for widgets accessibility mode</li>
<li>Compatible with multi-site (WordPress networks)</li>
<li>Compatible with the most common multi-language plugins</li>
<li>Compatible with Page Builder plugin by SiteOrigin</li>
<li>Translations available in 20+ languages</li>
</ul>
<h4>Advanced Features</h4>
<p>These features are what makes this plugin better than the WordPress (4.8+) native widget:</p>
<ul>
<li>Full featured TinyMCE Visual Editor (the same you have for pages and posts)</li>
<li>Wide text area for an enhanced editing experience</li>
<li>Compatible with 3rd party TinyMCE customization plugins (TinyMCE Advanced, WP Edit, …)</li>
<li>Support for distraction-free (fullscreen) editing mode </li>
<li>Option to “Automatically add paragraphs” to widget text</li>
</ul>
<h4>About the plugin</h4>
<p>The story of the plugin was featured in a talk at WordCamp Europe 2018 in Belgrade.<br />
See the video <a href="https://wordpress.tv/2018/07/11/francesco-canovi-marco-chiesi-once-upon-a-time-there-was-a-plugin/" rel="nofollow ugc">Once upon a time, there was a plugin…</a> on WordPress.tv.</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Author’s web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-tinymce-widget/" rel="nofollow ugc">Plugin’s page</a></li>
<li><a href="https://wordpress.org/plugins/black-studio-tinymce-widget/faq/" rel="ugc">FAQ</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-tinymce-widget" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-tinymce-widget" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Translators can contribute through the <a href="https://translate.wordpress.org/projects/wp-plugins/black-studio-tinymce-widget" rel="nofollow ugc">Official WordPress Translation platform</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-tinymce-widget#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-tinymce-widget/" rel="nofollow ugc">donation</a>.</li>
</ul>


Black Studio TinyMCE Widget

A very convenient plugin if you need some edition tools in widget and you don’t know HTML.

Works fine

Blackbam

<p>Clients tend to get crazy if they have to edit HTML code on their own or if little things are not working as expected. Make your editing experience as simple and good as possible:</p>
<p>Customize TinyMCE / TinyMCE Advanced (or other TinyMCE variants) to fit your needs.</p>
<p>Basically, this Plugin does two things for you:</p>
<p>A. This Plugin installs two files editor-style.css and editor-style-shared.css into your Theme folder (so you can still do updates of the Plugin), which can be edited in the backend of your site</p>
<ul>
<li>editor-style.css is used for styling your TinyMCE Editor</li>
<li>editor-style-shared.css is used for styles to be used in your theme AND in your TinyMCE editor (so you do not have to copy)</li>
</ul>
<p>Note: To use this feature, you have to write your own CSS code into this files, which is the only professional way to do it.</p>
<p>B. The main feature of this Plugin is to offer a GUI to create custom style formats for TinyMCE dynamically</p>
<ul>
<li>Easy and very fast to add/change/delete</li>
<li>You do not have to change one single line of source code</li>
</ul>
<p>Current Languages:</p>
<ul>
<li>en_US</li>
<li>de_DE</li>
<li>es_ES (Andrew Kurtis, webhostinghub.com)</li>
<li>sr_RS (Ognjen Djuraskovic, firstsiteguide.com)</li>
</ul>
<p>Please report any bugs you may encounter and support this Plugin if you like it.</p>
<p>Plugin URL: <a href="http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/" rel="nofollow ugc">http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/</a></p>


TinyMCE and TinyMCE Advanced Professsional Formats and Styles

Improve, style and customize TinyMCE / TinyMCE Advanced using custom editor stylesheets and a dynamically configurable styles dropdown.

Black Studio TinyMCE Widget vs TinyMCE and TinyMCE Advanced Professsional Formats and Styles