CodeMagic Tinymce plugin


CodeMagic is an advanced source code editor plugin for Tinymce. It integrates CodeMirrorlibrary for syntax coloring and Jsbeautifier library for code formating and indentation.

cdl_capture_2012-03-30-21_ 000

CodeMirror 2 is a JavaScript library created by Marijn Haverbeke that can be used for realtime code coloring. The source code from tinymce is a bit messed up so I used Jsbeautifier library created by Einar Lielmanis to beautify (format and indent) the code a bit.

There are English, Czech and Slovak translations of this plugin.

  • Realtime syntax coloring using mixed HTML/CSS/JS mode
  • Messed up code formating and indentation
  • HTML tags code hinting and auto completion
  • Undo/Redo history
  • Search and replace functionality

Download CodeMagic plugin and extract the the archive contents to Tinymce plugin directory. Setup tinymce configuration to use the plugin and you’re ready to go.

            plugins : "...,codemagic",
            theme_advanced_buttons1 : "...,codemagic",

To set up your favourite syntax colors just edit the codemagic/css/default.css file

Code hinting is triggered by hitting CTRL + SPACE key or with the < character

Leave a comment