pkgw

<p>The WYSIWYG Inline Code Command plugin adds an “inline code” command to the<br />
WYSIWYG (visual) post and page editor. It’s just like the “Bold” or “Italics”<br />
commands, except that it makes your text look like code — usually, this means<br />
that it’s drawn in a monospace font <code>like this</code>. The comand is accessible as a<br />
button and with the keybinding <code>Alt-Shift-C</code>.</p>
<p>The unmodified editor does provide a <code>pre</code> style that’s somewhat similar, but<br />
it’s a <em>block</em> style, which means that you can only apply it to whole<br />
paragraphs. I wrote this plugin because I found that I often want to apply<br />
code styling to shorter pieces of computer-y content, such as the<br />
    Alt-Shift-C above.</p>
<p>I encourage you to provide feedback about this plugin. Entries on the<br />
compatibility matrix are especially helpful so that people can feel confident<br />
installing it. Thanks!</p>
<p>The WYSIWIG Inline Code Command plugin provides precisely this one feature, so<br />
don’t expect it to be updated very often. One issue that I’m aware but don’t<br />
know quite how to fix is that the user-visible text describing the command in<br />
the editor isn’t internationalized.</p>


WYSIWYG Inline Code Command

Does one thing, and does it well. No bells and whistles, just a simple code button added to the end of the top row in the WYSIWYG editor.
Saves me A TON of time, as I'm writing a bunch of technical tutorials on my blog. Thanks Peter.



Simple plugin. Works great. Huge time-saver!

This is a simple, single-purpose plugin. Makes it very easy to insert code into posts.



Simple, makes life easier

Thank you, this simple plugin works fine and is saving me time.

Before I had to switch to the code editor to insert a code tag.

It works

Adds a button and keybinding to the WYSIWYG (visual) editor to mark text as inline code.

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.

WYSIWYG Inline Code Command vs Black Studio TinyMCE Widget