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.

Safe Editor


Safe Editor allows you to write custom CSS / Javascript to manipulate the appearance and behavior of themes / plugins on your website without worrying that your changes will be overwritten with the future theme / plugin updates.



  • CSS editor tab


You can install this plugin via the admin’s Plugins screen, or…

1. Upload the `safe-editor` directory to the `/wp-content/plugins/` directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.


  1. I installed the Safe Editor, where can I edit the css & javascript?

    • The Safe Editor settings panel is located under Tools/Safe Editor in your WordPress admin panel.
  2. The javascript I write in the editor is not being executed. Why?

    • Make sure you have the wp_footer() hook in your footer.php file (in your theme).
  3. I’m geting the ‘$ is not defined’ error on frontend when I use the javascript editor.

    • If you are writing jQuery in the javascript editor make sure you wrap it in ‘jQuery(document).ready(function( $ ) { YOURCODE });”


There are no reviews for this plugin.

Contributors & Developers

“Safe Editor” is open source software. The following people have contributed to this plugin.


Translate “Safe Editor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Security update


  • Solarized light theme for css and javascript editor added


  • First release.