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.
f(x) Editor
f(x) Editor is a plugin to enhance your content editing experience by enabling WordPress features such as Page Break and Text Background Color/Highlight. You can also easily create information boxes, colorful buttons, and columns to make your content richer and engage to your audience more. After installation of this plugin, you can enable each features by navigating to “Settings > Visual Editor” menu in your administration panel. Features: Easy settings to disable/enable features. Create boxes (Note, Alert, Error, Downloads) via visual editor. Create buttons (White, Black, Red, Green, Blue) via visual editor. Create columns ( up to 3 columns: “1/2 – 1/2” ; “1/3 – 2/3” ; “2/3 – 1/3” ; “1/3 – 1/3 – 1/3” ) via visual editor. Add page break button. Add line break button. Enable text background color option (not only text color). Switch paragraph to BR(line break). Easy to use. No shortcode to remember. The GPL v2.0 or later license. 🙂 Use it to make something cool. Support available at Genbu Media. Notes for developer: Github Development of this plugin is hosted at GitHub. Pull request and bug reports are welcome. Options This plugin save the options in single option name: fx-editor. Scripts This plugin load one CSS in site front-end and one css in editor. If you are a theme author and want to override the styling it is recommended to remove the CSS and add the CSS in your theme stylesheet and editor style CSS. To disable the front end CSS, add this code in your theme functions.php: add_filter( 'fx_editor_load_front_css', '__return_false' ); and then you can copy the CSS “css/front.css” to your theme style.css and make adjustment as needed. To disable the back-end/editor CSS, add this code in your theme functions.php: add_filter( 'fx_editor_load_editor_css', '__return_false' ); And then you can copy the CSS “css/editor.css” to your theme editor styles and make adjustment as needed. Note: You need to make sure all the needed elements such as “remove icon” and “columns info” are styled properly to make sure user can properly edit the content. For coder module, there are separate filters to disable it: add_filter( 'fx_editor_load_coder_editor_css', '__return_false' ); add_filter( 'fx_editor_load_coder_front_css', '__return_false' ); add_filter( 'fx_editor_load_coder_front_js', '__return_false' );
