Code Machine

<p>Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.</p>
<p>Shortcode is one of the very important features introduced in WordPress platform. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut</p>
<p>The only problem is dealing with Shortcode via raw text editor. Editing Shortcode with text editor would required a little efforts. Visual Shortcode Plugin rule is to simplify shortcode editing process by allow editing Shortcode attributes through simple web form</p>
<p>Visual Shortcode form is very simple and consist only from Text Fields however more fields might be configured for the Shortcode by installing <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> Extension.</p>
<p>Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing editing Shortcode attributes very easy without any manual editing for Shortcode attributes</p>
<p>Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.</p>
<p>Shortcode still can be edited manually or via Visual Shortcode clickable element, however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid Visual Shortcode plugin from visualizing your element twice as this would lead to unpredicatble behavior that prevent you from editing Shortcode attribute via web form.</p>
<p>Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode button. Visualizing Shortcode automaticlly is considered as <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> feature to be added later.</p>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> make it even eaiser by allowing of defining Shortcode and its attributes so you don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode Attributes. Its also allow many Creating Different field type for every Shortcode Attribute.</p>
<h4>Features</h4>
<ul>
<li>Turns Shortcode texts into Visual Elements</li>
<li>Modify Shortcode attributes using Web Form</li>
<li>All Shortcode attributes are represted as input text field</li>
<li>Visualize each post Shortcodes manually by single button click</li>
<li>Support Switch between Text and Visual Editors</li>
<li>Shortcode attributes may be updated manually after shortcode visualized</li>
</ul>
<h4>Note</h4>
<p>This Plugin will display empty dialog for Shortcodes those don’t have attributes yet. You must have Shortcode Attributes typed before displaying the form so that The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode Defined and the forms as well you can purchase <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a></p>
<h4>Need More Features ?</h4>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> comes along with many features, check out he list below:</p>
<ul>
<li>Text Field</li>
<li>Dropdown List</li>
<li>Multiple Selection list</li>
<li>Single Selection List</li>
<li>Checkbox list</li>
<li>Radio Options list</li>
<li>HTML5 Color Picker</li>
<li>WordPress Color Picker</li>
<li>Image field</li>
<li>Yes/No Field</li>
<li>True/False Field</li>
<li>On/Off Field</li>
<li>Zero/One field</li>
<li>Textarea field</li>
<li>Set Field defaut value</li>
<li>Define Shortcode (Tag, Title, Description)</li>
<li>Define Shortcode form (Name, Title)</li>
<li>Herarichal forms</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 5.3</li>
</ul>


CB Visual Shortcode

Turns textual Wordpress Post Shortcodes into Visual Shortcode, provide web form for changing attributes value

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.

CB Visual Shortcode vs Black Studio TinyMCE Widget