Black Studio TinyMCE Widget
This plugin adds a new Visual Editor 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. 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. Basic Features Add rich text widgets to your sidebars and edit them using the TinyMCE visual editor Switch between Visual mode and HTML mode (including Quicktags toolbar) Insert images, videos, and other media from WordPress Media Library Insert links to existing WordPress pages/posts or external resources Support for shortcodes, smilies and embed in widget text (including preview) Support for the Block-based Widgets Editor introduced with WordPress 5.8 Support for Customizer with live preview and quick edit Support for widgets accessibility mode Compatible with multi-site (WordPress networks) Compatible with the most common multi-language plugins Compatible with Page Builder plugin by SiteOrigin Translations available in 20+ languages Advanced Features These features are what makes this plugin better than the WordPress (4.8+) native widget: Full featured TinyMCE Visual Editor (the same you have for pages and posts) Wide text area for an enhanced editing experience Compatible with 3rd party TinyMCE customization plugins (TinyMCE Advanced, WP Edit, …) Support for distraction-free (fullscreen) editing mode Option to “Automatically add paragraphs” to widget text About the plugin The story of the plugin was featured in a talk at WordCamp Europe 2018 in Belgrade. See the video Once upon a time, there was a plugin… on WordPress.tv. Links Author’s web site Plugin’s page FAQ Support forum Follow us on Twitter, Facebook, LinkedIn and GitHub Get involved Developers can contribute to the source code on our GitHub repository. Translators can contribute through the Official WordPress Translation platform. Users can contribute by leaving a 5 stars review or making a donation.
CSS Class Manager – An advanced autocomplete additional css class control for your blocks
Struggling with adding multiple CSS classes to your WordPress blocks? CSS Class Manager simplifies the process with autocomplete suggestions and a dedicated manager for adding, editing, and organizing your classes. Boost your block styling efficiency! There are two main motivations behind creating this plugin: Limitation of Block Style – When applying a block style, only one CSS class can be added to a block. Unfortunately, the block editor lacks the ability to select multiple block styles. To address this, users must resort to the Additional CSS Class(es) inspector control to apply multiple classes. CSS Class Manager provides a powerful manager and an autocomplete inspector control, enabling users to easily add and apply CSS classes to their blocks. Poor UX of the Additional CSS Class(es) control – The default control for adding class names is a simple text input. This can be cumbersome, especially when applying CSS classes frequently. With the custom inspector control provided by CSS Class Manager, users can effortlessly add their class names, enhancing the user experience. Features Advanced Autocomplete Control: Streamline block styling with autocomplete functionality for CSS classes. Effortless Class Management: Easily add, edit, or remove CSS classes directly within the manager interface. Body and Post Classes: Add custom class names to post body and post containers using body_class and post_class filters directly from the post editor. Inline CSS Classes: Add custom class names to any selected text inside paragraph, heading and other blocks that support Rich Text. Theme.json Integration: Automatically include global class names generated from theme.json settings in your class suggestions. Show the control in its own panel: User specific settings to show the Additional CSS Class(es) control in its own panel. Add classes without saving to the database: User specific settings to toggle saving classes to the database. Import and Export: Seamlessly transfer custom CSS class names to ensure consistency across projects. Getting Started Activate the plugin within your WordPress setup. The advanced control will replace the default “Additional CSS Class(es)” and can be found in the “Advance” block settings section. Adding and selecting classes in the autocomplete field is similar to the tags and categories fields. To add body or post classes, look for the “Body Classes” and “Post Classes” controls in the Post tab of the post editor (requires custom-fields support). See the limitations To add inline classes to the selected text, use the block format tool control in the text formatting tools options (available in blocks that support Rich Text). To edit and manage class names, click the “Open Class Manager” link or select “CSS Class Manager” from the More Menu. Import/Export can be done from the manager modal. Theme.json generated classes are automatically included and can be disabled from the Preferences in the manager modal. Use css_class_manager_filtered_class_names filter to add class names with PHP files.
