• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

NEW Editor Tags allow you to embed the CodeMirror code editor in posts

Admin

Well-Known Member
Staff member
Administrator
NEW Editor Tags allow you to embed the CodeMirror code editor in posts as an editable alternative to [noparse]
Code:
, [html] and [php][/noparse] tags[/SIZE][/B]

This is a whole new version of editor tags that replaces the ones here [url]http://www.vbulletin.org/forum/showthread.php?t=298625[/url]. This new version uses the CodeMirror editor instead of EditArea.

Use [editor] tags to display, edit and store code in posts. You can edit code and save it in the database without editing the post, just click the Save button at the bottom of the editor.

The codeMirror code editor displays formatted highlighted code and has the usual features of code editors. Features include search and replace, highlight matching, undo/redo, syntax and font size selection, auto indent, auto format, go to line  and word-wrap toggling.

[IMG]http://www.vbulletin.org/forum/attachment.php?attachmentid=147024&d=1383454688[/IMG]

[B][SIZE=3]Features[/SIZE][/B]

[list]
[*]Control panel in [B]Settings > Options > BB Code  Settings[/B]


[*]Enable/Disable allows you to turn Editor Tags on and off. When Editor Tags are disabled, code posted in Editor Tags will show in a pre element much  like a Code Tag display.


[*]By default, editing permission is the same as editing for the post. You can disable editing globally in the control panel or disallow groups to edit code.


[*]Edited code can be saved without editing the post. A Save button saves the CodeMirror contents to the database with AJAX.


[*]The max character limit for posts can be overridden to allow posting and editing of large files


[*]Default height of the editor can be set in the control panel. 


[*] Resizable in all browsers.

[/list]

[SIZE=3][B]Installation[/B][/SIZE]

[list=1]
[*] If you already have the old version using EditArea, delete the bb code in the BB Code Manager and uninstall the old version. Unless you have some other use for it, delete all the EditArea files.


[*] Unzip the CodeMirror package and upload it as a subdirectory in clientscript folder.

[B]Note:[/B] The easy way to upload large packages is to first create an "upload_zips" folder in your forum root, then upload the zipped file there. Then unzip the file and by default the new folder will be in the upload_zips folder. You can then move or copy it to clientscript.


[*]Import the product file in Admin CP. No need to use the BB Code feature, the plugins do all the work!

[/list]


[B][SIZE=3]Notes[/SIZE][/B]

[list]
[*]Browser compatibility: This has been tested in Chrome, Firefox, Opera and some versions of IE. 


[*]The product creates three new templates, [B]bbcode_editor[/B], [B]bbcode_editor_script[/B], which goes in the <head>, and [B]editortags.css[/B]. 

[/list]
Download [b][url=http://dl.dropboxusercontent.com/u/171610965/885_tuoitreit.vn_product_editor_tags.xml]tuoitreit.vn_product-editor_tags.xml (23.39 KB)[/url][/b]
[b][url=http://dl.dropboxusercontent.com/u/171610965/797_tuoitreit.vn_codemirror_3.zip]tuoitreit.vn_codemirror-3.zip (603.17 KB)[/url][/b]
 

Facebook Comments

New posts New threads New resources

Back
Top