VEA (EditArea for vb :: Code Editor for Template)

VEA (EditArea for vb :: Code Editor for Template)

Mod Version: 1.00, by Uno

vB Version: 3.8.2	Rating: (2 votes - 5.00 average)	Installs: 18
Released: 06 May 2009	Last Update: Never	Downloads: 140
Not Supported Code Changes Additional Files

This small mod for vb is the integration di EditArea (http://www.cdolivet.com/index.php?page=editArea) in admin panel on the windows "large edit box"
(work also with the older versions of vb, i think from 3... 3.5)

EditArea is a free javascript editor for source code (That is no way a WYSIWYG editor). This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).

All rights di EditArea are of Christophe on cdolivet.com but he has released this software on license LGPL, Apche and BSD. Therefore free and freely distributable and then have now VEA

Is beautifulst for work on the template online

Installation:

Upload the folder "edit_area" which is in the zip
in folder /admincp

Open file /admincp/textarea.php

delete all between (line 35)
(before you make a copy of backup)

HTML Code:

$vbulletin->GPC['name'] = preg_replace('#[^a-z0-9_-]#', '', $vbulletin->GPC['name']);

and (line 77)

HTML Code:

<?php

Now replace with

HTML Code:

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $stylevar['textdirection']; ?>" lang="<?php echo $stylevar['languagecode']; ?>">
<head>
    <title><?php echo $vbulletin->options['bbtitle'] . " - vBulletin $vbphrase[control_panel]"; ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $stylevar['charset']; ?>" />
    <link rel="stylesheet" type="text/css" href="../cpstyles/<?php echo $vbulletin->options['cpstylefolder']; ?>/controlpanel.css" />
<script language="Javascript" type="text/javascript" src="edit_area/edit_area_full.js"></script>
<script language="Javascript" type="text/javascript">
        // initialisation
        editAreaLoader.init({
                         language:"en"
            ,id: "popuptextarea"    // id of the textarea to transform        
            ,start_highlight: true    // if start with highlight
            ,allow_toggle: true
                        ,syntax: "html"
                        ,allow_resize: "both"
                        ,toolbar: "search, go_to_line, |, undo, redo, |, select_font, |, syntax_selection, |, change_smooth_selection, highlight, reset_highlight"
                        ,syntax_selection_allow: "html,php,js,css"
                        ,show_line_colors: true
        });
function toogle_editable(id)
        {
            editAreaLoader.execCommand(id, 'set_editable', !editAreaLoader.execCommand(id, 'is_editable'));
        }
</script>
    <script type="text/javascript" src="../clientscript/vbulletin_global.js"></script>
    <script type="text/javascript">
    <!--
    function js_textarea_send(textarea,doclose)
    {
        opener.document.getElementsByName('<?php echo $vbulletin->GPC['name']; ?>')[0].value = textarea.value;
        if (doclose==1)
        {
            opener.focus();
            self.close();
        }
    }
    // -->
    </script>
</head>
<body onload="self.focus(); fetch_object('popuptextarea').value=opener.document.getElementsByName('<?php echo $vbulletin->GPC['name']; ?>')[0].value;" style="margin:0px">
<!-- body onload="self.focus(); value=opener.document.getElementsByName('<php echo $vbulletin->GPC['name']; ?>')[0].value; editAreaLoader.setValue('popuptextarea', value )" style="margin:0px">  
-->
<form name="popupform" tabindex="1">
<table cellpadding="4" cellspacing="0" border="0" width="100%" class="tborder">
<tr>
    <td class="alt1" align="center">       
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<if condition=\"\">", "</if>");' value='condition' />  
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<else>", "");' value='else' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<div>", "</div>");' value='div' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<table>", "</table>");' value='table' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<tr>", "</tr>");' value='tr' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<td>", "</td>");' value='td' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<br/>", "");' value='br/' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<strong>", "</strong>");' value='strong' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<img src=\"\" alt=\"\" width=\"\" heigth=\"\" border=\"0\">", "");' value='img' />                                                                                      
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<a href=\"\">", "</a>");' value='url' />
       <input type='button' onclick='editAreaLoader.insertTags("popuptextarea", "<span>", "</span>");' value='span' />
       <textarea name="popuptextarea" id="popuptextarea" class="code" style=" width: 100%; height:570px" onkeydown="editAreaLoader.delete_instance('popuptextarea'); js_textarea_send(this, 0);" onkeyup="editAreaLoader.delete_instance('popuptextarea'); js_textarea_send(this, 0);"> 
        </textarea>
       </td>
</tr>
<tr>
    <td class="tfoot" align="center">
     <input type="button" class="button" value="<?php echo $vbphrase['send']; ?>" onclick="editAreaLoader.delete_instance('popuptextarea'); js_textarea_send(this.form.popuptextarea, 1);" accesskey="s" />
    </td>
</tr>
</table>
</form>
</body>
</html>

Is possible choose many languages changing the variable: language

The languages are:
"Croatian, Czech, Danish, Dutch, English, Esperanto, French, German, Italian, Japanese, Macedonian, Polish, Portuguese, Russian, Slovak, Spanish"

I have set up some tag of common use for vb and html:
"condition, else, div, table, tr, td, br, strong, img, url, span"

but is very easy add others or to modify these.

Sorry for my english

Support in italian on http://www.vbulletinitalia.it

Download

edit_area.zip (252.2 KB, 131 downloads)

Screenshots

Administrative and Maintenance Tools Adding EditArea for Template & Plugin Editing	vBulletin 3.7 Add-ons
Really Big Template Editor	vBulletin 2.x Full Releases

vBulletin LTS