Stampa
Categoria: Joomla
Visite: 18264
Stella inattivaStella inattivaStella inattivaStella inattivaStella inattiva
 

TinyMCE is delivered without a source coloured. It's poor edit the html without the source highlighted. In order to highlight the surce code I found 2 plugins for TinyMCE: codemirror and codemagic. Let me explain how to add the plugin "codemagic" on your Joomla.

 

 

 

 

WHAT IS CODEMAGIC

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

COMMENTS

I installed it on Joomla 3.02 and 2.8 but I think it can also works in other versions.

I was really difficult find a clear guide for Joomla and understand how add and configure the plugin.

 

STEPS

Well, here what you need.

  1. Download the codemagic plugin
  2. Upload on your Joomla folder
  3. Change the settings for TinyMCE plugin in your Joomla installation

 

DOWNLOAD

 

UPLOAD

 

JOOMLA SETTINGS

Open your TinyMCE Editor and you will find a new icon "HTML".

 

That's all!

I hope it will works only for you.

 

USEFUL IMAGES 

  • CodeMagic 01 Folder
    CodeMagic 01 Folder
  • CodeMagic 02 Joomla Plugin Settings
    CodeMagic 02 Joomla Plugin Settings
  • CodeMagic 03 Joomla TinyMCE Icon
    CodeMagic 03 Joomla TinyMCE Icon
  • CodeMagic 04 Joomla TinyMCE Editor
    CodeMagic 04 Joomla TinyMCE Editor

 

REFERENCES

 

- have fun -

DISQUS - Leave your comments here