Real-time XML Syntax Highlighter in Javascript - EditArea
If you are looking for a Real-time XML Syntax Highlighter and in the same time you want it as a web based lightweight tool then EditArea is the perfect solution for that.
In WSO2 ESB 3.0.0(up coming release) , I've integrated all the source(xml) fields with EditArea highlighter to give the use a real-time rich xml editing experience. However, the original highlighter comes with some dull colors for XML Syntax as well as for controllers. So, I modified the EditArea source and came up something like this. (It takes few seconds to load..;))
EditArea support syntax highlighting not only in XML but many other programming languages including Java,PHP, C/C++, CSS, Perl, Ruby, Python and many more.
I have hosted a modified version of EditArea which supports Real-time XML Syntax Highlighting here.
So, EditArea is one of the rear opensource tool that is specifically designed to support Real-time syntax highlighting for most of the popular programming languages and yet it runs with its extreme lightweight nature.
You can simply add my version of EditArea highlighter by simply adding the following code to ur blog post or html. Say that the text area that you want to add is id="textarea_1" then you can add this code snippet to you are html.
- First you want to point to the EditArea javascript source in your html/blog template. JS- src="http://dl.dropbox.com/u/5494230/editarea/edit_area_full.js"
- Then you need to initiate and load the EditArea Syntax Highlighter by giving the ID of your textarea.
In WSO2 ESB 3.0.0(up coming release) , I've integrated all the source(xml) fields with EditArea highlighter to give the use a real-time rich xml editing experience. However, the original highlighter comes with some dull colors for XML Syntax as well as for controllers. So, I modified the EditArea source and came up something like this. (It takes few seconds to load..;))
EditArea support syntax highlighting not only in XML but many other programming languages including Java,PHP, C/C++, CSS, Perl, Ruby, Python and many more.
I have hosted a modified version of EditArea which supports Real-time XML Syntax Highlighting here.
So, EditArea is one of the rear opensource tool that is specifically designed to support Real-time syntax highlighting for most of the popular programming languages and yet it runs with its extreme lightweight nature.
You can simply add my version of EditArea highlighter by simply adding the following code to ur blog post or html. Say that the text area that you want to add is id="textarea_1" then you can add this code snippet to you are html.
- First you want to point to the EditArea javascript source in your html/blog template. JS- src="http://dl.dropbox.com/u/5494230/editarea/edit_area_full.js"
- Then you need to initiate and load the EditArea Syntax Highlighter by giving the ID of your textarea.
Comentários
Postar um comentário