WPide

WPide is a WordPress code editor and file editor with automatic backups. You can edit any files in your wp-content folder, not just plugins and themes. Code completion will help you remember your WordPress/PHP commands providing function reference along the way. Edit multiple files with the tabbed editor.

This plugin would not be possible without the Ajax.org Cloud9 Editor which is the embedded code editor that powers much of the functionality.

This plugin performs best in Chrome.

Current Features:

• Syntax highlighting
• PHP syntax checking before saving to disk to try and banish white screen of death after uploading invalid PHP
• Line numbers
• Find+replace
• Code autocomplete for WordPress and PHP functions along with function description, arguments and return value where applicable
• Colour assist – a colour picker that only shows once you double click a hex colour code in the editor. You can also drag your own image into the colour picker to use instead of the default swatch (see other notes for info).
• Automatic backup of every file you edit. (one daily backup and one hourly backup of each file stored in plugins/WPide/backups/filepath)
• File tree allowing you to access and edit any file in your wp-content folder (plugins, themes, uploads etc)
• Use the file browser to rename, delete, download, zip and unzip files (so you can download a zipped version of your whole theme for example)
• Create new files and directories
• Highlight matching parentheses
• Code folding
• Auto indentation
• Tabbed interface for editing multiple files (editing both plugin and theme files at the same time)
• Using the WordPress filesystem API

Feature ideas and improvements:

• Improve the code autocomplete command information, providing more information on the commands, adding links through to the WordPress codex and PHP.net website for further info.
• Create an admin panel to choose between syntax highlighting themes and turn on/off other Ajax.org Cloud9 functionality
• Better automated file backup process
• Templates/shortcuts for frequently used code snippets, maybe even with an interface to accept variables that could be injected into code snippet templates.
• Integration with version control systems such as Git

Icon based on https://thenounproject.com/search/?q=code&i=909303

Other Feature notes

You can modify the filesystem root using the ‘wpide_filesystem_root’ filter

So to restrict editing to the Twenty Eleven theme only you could do this:

add_filter(‘wpide_filesystem_root’, ‘wpide_filesystem_root_override’);
function wpide_filesystem_root_override($path){
// the default path variable will be WP_CONTENT_DIR
return $path . “/themes/twentyeleven”;
}

Colour assist

The colour picker only shows if you double click a hex colour value in the editor (3 or 6 characters with a proceeding hash #FF0000)

The default colour picker has limited colours. You can replace this image with an image of your own by dragging and dropping a new image onto the default one (due to security reasons this can only be an image from the same domain).

Using this you can either create your own swatch of colours or just drag in your websites logo or header image.

If you close the editor any custom colour picker image will be forgotten. We maybe thing about making this persist and also make the image uploadable as well as drag+drop.

This Plugin was not added to any Plugin Lists yet.