Code Machine

Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.
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
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
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.
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
Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.
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.
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.
<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.
<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>
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>
<h4>Need More Features ?</h4>
<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:
<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

pkgw

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

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.

CB Visual Shortcode vs WYSIWYG Inline Code Command