Ok, fixed it... The dom tree was changed after CodeMirror was loaded, so i moved the code from the jquery.php files to the js files (filemanager.js and templates.js).
Here is how to implemented the hacks.
Template manager hack:Step 1: Add
le="color: #000000"><?php $xoTheme->addScript('browse.php?modules/system/js/codemirror.js');
after
le="color: #000000"><?php $xoTheme->addScript('browse.php?modules/system/js/templates.js');
in modules/system/admin/tplsets/main.php .
Step 2: Add
le="color: #000000"><?php $xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/docs.css');
after
le="color: #000000"><?php $xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/admin.css');
in modules/system/admin/tplsets/main.php .
Step 3: Change
le="color: #000000"><?php 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; }
to
le="color: #000000"><?php 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; }
in modules/system/js/templates.js .
Step 4: Change
le="color: #000000"><?php <textarea name="templates" rows=24 cols=110>'.$content.'</textarea>
to
le="color: #000000"><?php <textarea id="template_code" name="templates" rows=24 cols=110>'.$content.'</textarea>
in modules/system/admin/tplsets/jquery.php.
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
le="color: #000000"><?php $xoTheme->addScript('browse.php?modules/system/js/codemirror.js');
after
le="color: #000000"><?php $xoTheme->addScript('browse.php?modules/system/js/templates.js');
in modules/system/admin/filemanager/main.php .
Step 2: Add
le="color: #000000"><?php $xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/docs.css');
after
le="color: #000000"><?php $xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/admin.css');
in modules/system/admin/filemanager/main.php .
Step 3: Change
le="color: #000000"><?php 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; }
to
le="color: #000000"><?php 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; }
in modules/system/js/filemanager.js .
Step 4: Change
le="color: #000000"><?php <textarea name="filemanager" rows=24 cols=110>'.$content.'</textarea>
to
le="color: #000000"><?php <textarea id="filemanager_code" name="filemanager" rows=24 cols=110>'.$content.'</textarea>
in modules/system/admin/filemanager/jquery.php.
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
