[SOLVED] HTML Syntax Highlighting

[x1nick]

This is just something I would like to integrate into my template system im building, but don't know how possible it is.

 

All I want to be able to do is highlight html code within a text area, and have it automatically highlight as writing the code.

 

 

[Mardoxx]

find a java syntax highlighter, then on your text box set it so onkeyup calls the function to check the syntax of the textbox

[x1nick]

Found the perfect solution to my problem.

 

http://marijn.haverbeke.nl/codemirror/

 

Now my problem is that I don't know how to insert my {tpl} var's into the textarea.

 

I guess the codemirror function...

this.mirror.insertIntoLine (tpltextarea, this.mirror.cursorPosition(this.mirror.firstLine()), 'text');

Would do the job, I just not too sure how the position works

 

The above line of code puts it into the text area, but not where is selected, just at the end of the textarea.

 

 

[Mardoxx]

right click, view source:

 

http://marijn.haverbeke.nl/codemirror/jstest.html

 

 

btw, it's the function mirrorframe which creates the "ugly buttons" from mirrorframe.js

(so that can just be ignored)

[x1nick]

Hmm

 

Think I have solved the problem to what I posted before.

Just used self.mirror.replaceSelection(myvar)

 

Now the next problem, I want to incorporate some form of ajax save so it allows for quick easy saving of the files being edited.

 

Problem with this is codemirror replaces the id tag of the textarea so I can't use it with ajax.

 

So tried incorporating it into the mirrorframe file.

 

Would have though the function getCode is what I need to use. So tried this and it just returns undefined.

 

Most likely there is a simple fix for this. but for now im stuck

[x1nick]

Never mind self.mirror.getCode(); is what I should be using