VEA (EditArea for vb :: Code Editor for Template)
1 Attachment(s)
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 :cool:
Is beautifulst for work on the template online ;)
Installation:
Upload the folder "edit_area" which is in the zip
Attachment 98722 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)
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 vBulletinItalia.it |
More Information