
Here is how to implemented the hacks.
Template manager hack:
Step 1: Add
$xoTheme->addScript('browse.php?modules/system/js/codemirror.js');
$xoTheme->addScript('browse.php?modules/system/js/templates.js');
Step 2: Add
$xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/docs.css');
$xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/admin.css');
Step 3: Change
function tpls_edit_file(path_file, file)
{
$('#display_contenu').hide();
$('#display_form').hide();
$('#loading').show();
$.ajax({
type: "POST",
url: "./admin/tplsets/jquery.php",
data: "op=tpls_edit_file&path_file="+path_file+"&file="+file,
success: function(msg){
$('#display_contenu').html(msg);
$('#loading').hide();
$('#display_contenu').fadeIn('fast');
}
});
return false;
}
function tpls_edit_file(path_file, file)
{
$('#display_contenu').hide();
$('#display_form').hide();
$('#loading').show();
$.ajax({
type: "POST",
url: "./admin/tplsets/jquery.php",
data: "op=tpls_edit_file&path_file="+path_file+"&file="+file,
success: function(msg){
$('#display_contenu').html(msg);
$('#loading').hide();
$('#display_contenu').fadeIn('fast');
if(path_file.slice(-3) == "css"){
var editor = CodeMirror.fromTextArea("template_code", {
height: "350px",
parserfile: "parsecss.js",
stylesheet: "css/csscolors.css",
lineNumbers: true,
textWrapping: false,
path: "js/"
});
}else if(path_file.slice(-3) == ".js"){
var editor = CodeMirror.fromTextArea("template_code", {
height: "350px",
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
stylesheet: "css/jscolors.css",
autoMatchParens: true,
lineNumbers: true,
textWrapping: false,
path: "js/"
});
}else{
var editor = CodeMirror.fromTextArea("template_code", {
height: "350px",
parserfile: ["parsexml.js", "parsecss.js", "tokenizejavascript.js", "parsejavascript.js",
"tokenizephp.js", "parsephp.js",
"parsephphtmlmixed.js"],
stylesheet: ["css/xmlcolors.css", "css/jscolors.css", "css/csscolors.css", "css/phpcolors.css"],
lineNumbers: true,
textWrapping: false,
path: "js/",
continuousScanning: 500
});
}
}
});
return false;
}
Step 4: Change
<textarea name="templates" rows=24 cols=110>'.$content.'</textarea>
<textarea id="template_code" name="templates" rows=24 cols=110>'.$content.'</textarea>
That should do it for the template manager, the hack for the filemanager is almost the same but here's the guide for that

File manager hack:
Step 1: Add
$xoTheme->addScript('browse.php?modules/system/js/codemirror.js');
$xoTheme->addScript('browse.php?modules/system/js/templates.js');
Step 2: Add
$xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/docs.css');
$xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/admin.css');
Step 3: Change
function filemanager_edit_file(path_file, path, file)
{
$('#display_file').hide();
$('#edit_file').hide();
$('#loading').show();
$.ajax({
type: "POST",
url: "./admin/filemanager/jquery.php",
data: "op=filemanager_edit_file&path_file="+path_file+"&path="+path+"&file="+file,
success: function(msg){
$('#edit_file').html(msg);
$('#loading').hide();
$('#edit_file').fadeIn('fast');
}
});
return false;
}
function filemanager_edit_file(path_file, path, file)
{
$('#display_file').hide();
$('#edit_file').hide();
$('#loading').show();
$.ajax({
type: "POST",
url: "./admin/filemanager/jquery.php",
data: "op=filemanager_edit_file&path_file="+path_file+"&path="+path+"&file="+file,
success: function(msg){
$('#edit_file').html(msg);
$('#loading').hide();
$('#edit_file').fadeIn('fast');
if(path_file.slice(-3) == "css"){
var editor = CodeMirror.fromTextArea("filemanager_code", {
height: "350px",
parserfile: "parsecss.js",
stylesheet: "css/csscolors.css",
lineNumbers: true,
textWrapping: false,
path: "js/"
});
}else if(path_file.slice(-3) == ".js"){
var editor = CodeMirror.fromTextArea("filemanager_code", {
height: "350px",
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
stylesheet: "css/jscolors.css",
autoMatchParens: true,
lineNumbers: true,
textWrapping: false,
path: "js/"
});
}else{
var editor = CodeMirror.fromTextArea("filemanager_code", {
height: "350px",
parserfile: ["parsexml.js", "parsecss.js", "tokenizejavascript.js", "parsejavascript.js",
"tokenizephp.js", "parsephp.js",
"parsephphtmlmixed.js"],
stylesheet: ["css/xmlcolors.css", "css/jscolors.css", "css/csscolors.css", "css/phpcolors.css"],
lineNumbers: true,
textWrapping: false,
path: "js/",
continuousScanning: 500
});
}
}
});
return false;
}
Step 4: Change
<textarea name="filemanager" rows=24 cols=110>'.$content.'</textarea>
<textarea id="filemanager_code" name="filemanager" rows=24 cols=110>'.$content.'</textarea>
The package is also updated (Still based on the code delivered with XOOPS 2.5 Alpha) :-p.
I hope it works and it will be included in the core.
Greets Dylian.
BTW, got the solution from this Google Groups post:http://groups.google.com/group/codemirror/browse_thread/thread/1a7a5f529eccc1a/a5928c35dff3ef80?lnk=gst&q=false#a5928c35dff3ef80