Support Forums - XOOPS Web Application System

Subject:* <
Name/Email:* <
Message Icon:* <
Select* <
Message:* <	xx-Small x-Small Small Medium Large x-Large xx-Large Arial Courier Georgia Helvetica Impact Verdana Haettenschweiler Black Blue Brown Green Grey Orange Paper Purple Red White Yellow Click the Preview to see the content in action.
Options:* <	Enable Smiley Enable Xoops Code
Confirmation Code* <	3 + 6 = ? Input the result from the expression Maximum attempts you can try: 10
* <

Re: Template editor

by frankblack on 2010/2/16 17:07:43

Nice work! Just two questions/comments?

How is the edited file saved back to the server? I assume you can run into trouble with owner rights and chmods, but perhaps I am wrong...

Whenever I use addScript or addStylesheet I pass on some more information although this is optional:

le="color: #000000"><?php $xoTheme->addScript('browse.php?modules/system/js/codemirror.js', array('type' => 'text/javascript', 'charset' => _CHARSET), null);

le="color: #000000"><?php $xoTheme->addStylesheet( XOOPS_URL . '/modules/system/css/docs.css', array('type' => 'text/css', 'media' => 'screen'), null);

Re: Template editor

by Dylian on 2010/2/16 14:03:05

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'); 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>

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'); 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>

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

Re: Template editor

by kraven30 on 2010/2/15 12:26:31

There is a bug with Firefox, code mirror dont work. On IE and Chrome, it's ok. On firefox, it works with you ?

++

Re: Template editor

by Dylian on 2010/2/13 12:12:39

Ok, updated the package, template manager now also has the CodeMirror editor. And i changed the code to first check what kind of file is loaded, so the right parser can be loaded

.

Quote:

Did you work on the latest version of SVN?

No i used the files from xo25a. But the hack is very easy to implement so i don't think it would be hard to add it to the latest version.

Greets Dylian.

Re: Template editor

by kraven30 on 2010/2/13 11:57:40

Good Job Dylan

PS: We searched with Muss to add syntax coloring but we had not found an interesting plugin, thx CodeMirror, thx Dylian

. To add in templates editor and filemanager, there will be no worries but the core, I don't know

Did you work on the latest version of SVN?

++

Search

Advanced Search

Donat-O-Meter

Stats
Goal:	$15.00
Due Date:	Jul 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$15.00

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

{{ record.commit.author.name }} {{ record.commit.author.date | formatDate }}

Search

Recent Posts

Re: XOOPS 2.7.1-RC1 Released for Testing

Re: XOOPS 2.7.1-RC1 Released for Testing

Coming soon: fully rewritten PEDIGREE

XOOPS Cocktails available for testing

Quotes module available for testing

mTools available for testing

XOOPS 2.7.1-RC1 Released for Testing

Re: New XOOPS 2.7.0 Documentation in development

New XOOPS 2.7.0 Documentation in development

Re: XOOPS 2.7.0-RC5 Released for Testing

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}