CodeMagic Tinymce plugin

About

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.

Features
  • 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
Usage

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.

    tinyMCE.init({
            ...
            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

http://codemagic.sutulustus.com/

Leave a Reply