HTML Code Box:
This option will enable the HTML Code Magic Box. This button will be added to row four of the visual editor.

Usage:
Placing a check in the box will enable the button in your visual editor. Unchecking the box removes the button from the editor.

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

This is a very cool option which will add the following features to the HTML Magic Editor Box:
  • Realtime syntax coloring using mixed HTML/CSS/JS mode.
  • Proper code formating and indentation.
  • HTML tags code hinting and auto completion.
  • Undo/Redo history.
  • Search and replace functionality.



A view of the HTML Code Magic Box in action.