Editor BBcode Tags to embed EditArea code editor in posts

Admin · Jun 1, 2013

Editor Tags allow you to embed EditArea code editor in posts as an editable alternative to [noparse]

Code:

, [html] and [php][/noparse] tags[/SIZE][/B] 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 EditArea code editor displays formatted highlighted code and has the usual features of code editors. It's the editor used in cPanel. Features include search and replace, go to line, undo/redo, syntax and font size selection, highlight toggling and word-wrap toggling. [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 off without deleting the BB Code. 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. [*]Edited code can be saved without editing the post. A Save button saves the EditArea contents to the database with AJAX. [*]Height of the editor can be set and a special extra height can be set for selected forums. This would be helpful for developing code. [/list] [SIZE=3][B]Installation[/B][/SIZE] [list=1] [*] Go to [B][SIZE=3][COLOR="#0000FF"][URL="http://sourceforge.net/projects/editarea/"]sourceforge[/URL][/color][/SIZE][/B] to download the EditArea product. Upload the unzipped editarea_0_8_2 folder to the clientscript folder. [indent] [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.[/indent] [*]Import the product file in Admin CP. [*]Upload the button image to the images/editor folder [*]Create the BB Code in the Custom BB Codes feature [INDENT][B]Title: [/B][COLOR="#0000FF"]Editor Tags[/COLOR] [B]BB Code Tag Name: [/B][COLOR="#0000FF"]editor[/COLOR] [B]Replacement: [/B][code]<br> <div> <pre class="editortags">{param}</pre> <textarea readonly class="editortags">{param}</textarea> <div class="save"> <img style="visibility:hidden;margin:0px 0px -4px -8px;" src="images/misc/progress.gif" alt=""> <input class="button" type="button" value="Save" /> <div></div> <input type="button" class="button" style="display:none;float:right;" value="Clear" onclick="clearError(this)" /> </div> <iframe frameborder="0" style="display:none;" onload="if(typeof build != 'undefined') build(this);"></iframe> </div> <br>

Example: [editor] ..... CODE ..... [/editor]

Description: Puts the EditArea code editor in posts

Use {option} No

Button Image: images/editor/editor.png

Remove Tag If Empty No

Disable BB Code Within This BB Code Yes

Disable Smilies Within This BB Code Yes

Disable Word Wrapping Within This BB Code Yes

Disable Automatic Link Parsing Within This BB Code Yes

[/list][/INDENT]

Notes

Browser compatibility: This has been tested in Chrome, Firefox, Opera and some versions of IE. EditArea will not work well with Opera; the code displays properly but the tab key will not indent the code. There are some problems with IE8 throwing errors, this can be avoided by not placing more than one editor in a single post.

The product creates two new templates, bbcode_editor_script, which goes in the <head>, and editortags.css.

If you already have EditArea on your server from this product, EditArea Code Editor for Templates & Plugins in Admin CP, you can use it by changing the path in the <script> tag in bbcode_editor_script template.

Download tuoitreit.vn_product-editor_tags.gz (5.7 kb)

Editor BBcode Tags to embed EditArea code editor in posts

Admin

Well-Known Member

Facebook Comments

Similar threads

New posts New threads New resources

New posts

New threads

new_resources