Title: TinyMCE Code Formatting
Author: mortalis
Published: <strong>April 7, 2015</strong>
Last modified: April 14, 2015

---

Search plugins

![](https://ps.w.org/tinymce-code-formatting/assets/banner-772x250.png?rev=1129617)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/tinymce-code-formatting/assets/icon-128x128.png?rev=1129617)

# TinyMCE Code Formatting

 By [mortalis](https://profiles.wordpress.org/mortalis/)

[Download](https://downloads.wordpress.org/plugin/tinymce-code-formatting.zip)

 * [Details](https://pcd.wordpress.org/plugins/tinymce-code-formatting/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/tinymce-code-formatting/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/tinymce-code-formatting/#installation)
 * [Development](https://pcd.wordpress.org/plugins/tinymce-code-formatting/#developers)

 [Support](https://wordpress.org/support/plugin/tinymce-code-formatting/)

## Description

The **Pre** button toggles the preformatted style on the selected text or the current
line (applies `<pre>` tag to blocks).
 The **Code** button toggles the code style
on the selected text or the current word (applies `<code>` tag to inline elements).

The default shortcuts for the buttons are:

 * Ctrl+Q – Pre
 * Ctrl+D – Code

In the admin **Settings submenu** it’s possible to **change** these shortcuts.
 
Press a key combination in the text fields with the **Ctrl** key included and the
text will be filled automatically. Or you can type it manually.

Some combinations may _conflict_ with the _default_ editor or browser shortcuts.

So check them on your instance.

You may use these types of shortcuts:

 * `Ctrl+B, .., Z (except AXCV)`
 * `Ctrl+0, .., 9`
 * `Ctrl+[symbols] (-=\`[];'\/,.)`
 * `Ctrl+F1, .., F12`
 * `Ctrl+Pad0, .., Pad9`
 * `Ctrl+Pad/, Pad*, Pad+, Pad.`
 * `Ctrl+Shift+...`
 * `Ctrl+Alt+...`
 * `Ctrl+Shift+Alt+...`

This plugin GitHub repository: https://github.com/mortalis13/tinymce-code-formatting.

## Screenshots

 * [[
 * The buttons in the default TinyMCE editor.
 * [[
 * The buttons with the TinyMCE Advanced plugin activated.
 * [[
 * Plugin options page allows to select custom shortcuts.

## Installation

 1. Upload `tinymce-pre-button` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## Reviews

![](https://secure.gravatar.com/avatar/2f0adb7acb2dbee8473a539197a3ea5abba6bf8bd8417250507e5df1a2d8b8ad?
s=60&d=retro&r=g)

### 󠀁[Nice and clean made plugin. Thank you!](https://wordpress.org/support/topic/nice-and-clean-made-plugin-thank-you/)󠁿

 [Herman](https://profiles.wordpress.org/hevara/) October 2, 2018

![](https://secure.gravatar.com/avatar/06c60636e5303c621dad5b41cc6adec9349e8d84569eaed08a4ba7b5623b6fc6?
s=60&d=retro&r=g)

### 󠀁[Well made plugin!](https://wordpress.org/support/topic/well-made-plugin-4/)󠁿

 [codeweapon](https://profiles.wordpress.org/codeweapon/) November 22, 2017

Well made plugin! Works well with the 4.9 Wordpress version.

![](https://secure.gravatar.com/avatar/33c28457ac12d47ed09858d7903130139871f02ccd21b54fd0ff68553652a69a?
s=60&d=retro&r=g)

### 󠀁[Super Handy Little Plugin](https://wordpress.org/support/topic/super-handy-little-plugin-1/)󠁿

 [Craig](https://profiles.wordpress.org/digimouse/) September 3, 2016

This is a super handy little plugin, saved me the time coding it out myself in all
honesty!

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/)

## Contributors & Developers

“TinyMCE Code Formatting” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ mortalis ](https://profiles.wordpress.org/mortalis/)

[Translate “TinyMCE Code Formatting” into your language.](https://translate.wordpress.org/projects/wp-plugins/tinymce-code-formatting)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/tinymce-code-formatting/),
check out the [SVN repository](https://plugins.svn.wordpress.org/tinymce-code-formatting/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/tinymce-code-formatting/)
by [RSS](https://plugins.trac.wordpress.org/log/tinymce-code-formatting/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.0.0**
 *  Last updated **11 years ago**
 *  Active installations **80+**
 *  WordPress version ** 4.1 or higher **
 *  Tested up to **4.1.42**
 *  Language
 * [English (US)](https://wordpress.org/plugins/tinymce-code-formatting/)
 * Tags
 * [button](https://pcd.wordpress.org/plugins/tags/button/)[editor](https://pcd.wordpress.org/plugins/tags/editor/)
   [formatting](https://pcd.wordpress.org/plugins/tags/formatting/)[shortcut](https://pcd.wordpress.org/plugins/tags/shortcut/)
   [tinyMCE](https://pcd.wordpress.org/plugins/tags/tinymce/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/tinymce-code-formatting/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/tinymce-code-formatting/reviews/)

## Contributors

 *   [ mortalis ](https://profiles.wordpress.org/mortalis/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/tinymce-code-formatting/)