Magic Tool Box

MobileHacks · Dec 16, 2008

What this hack do ?
Add extra buttons with new custom BB codes for your text editor

Demo :- Click Here
user : vbulletin.org
Pass : magictoolbox

Feature List:

Settings
- Enable Magic ToolBox ( On - Off ) .
- Show Magic TollBox on Quickreply ( On - Off ) .
- Active Rainbow ( On - Off ) .
- Active ready text ( On - Off ) .
Buttons
- Active Poem ( On - Off ) .
- Active Text Formatting ( On - Off ) .
- Active Note & Caution & Warning buttons ( On - Off ) .
- Active Glint ( On - Off ) .
- Active Tables( On - Off ) .
- Active Flash ( On - Off ) .
- Active Flash ( New Window ) ? *Beta ( On - Off ) .
- Active Real Player ( On - Off ) == Video & Audio .
- Active Windows Media Player ( On - Off ) == Video & Audio .
- Active Video Tube ( On - Off ) .
  Supports Sites : YouTube & Google & MySpace & MetaCafe & Yahoo & Koreus & Sapo Live Leak & Game Trailers .
- Full control to ( On - Off ) All buttons .
Hide Options
- Hide Integration By Abu Rashid .
- Hide hack itsid
  If you use Hide hack you need to remove it First .
No files edit need .
No Templates edit need ( maybe need to edit editor_toolbar_on ) .

Installation time :- 3 : 5 Min

Installation :
Upload :-
includes >>> {forum_path}/includes
mwaextraedit2 >>> {forum_path}
flash.php & mwaextraedit2.php >>> forum root

import product-Magic Tool Box.xml

Edit Template :-
you may Need to Edit editor_toolbar_on
Template editor_toolbar_on
Replace with this

PHP:

$vBeditTemplate[clientscript]
<center>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
 <td id="$editorid" class="vBulletin_editor" width="100%">
  <div id="{$editorid}_controls" class="controlbar">
   <table cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td>
   <if condition="$show['font_bbcode'] OR $show['size_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['font_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>    
    </div></td>
   </if>
   <if condition="$show['size_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['color_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['wysiwygsmilies']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td><img src="$stylevar[imgdir_editor]/smilie.gif" alt="" width="21" height="20" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['attach']">
    <td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td><img src="$stylevar[imgdir_editor]/attach.gif" alt="" width="21" height="20" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
    <!--
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.gif" width="21" height="20" alt="$vbphrase[cut]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.gif" width="21" height="20" alt="$vbphrase[copy]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.gif" width="21" height="20" alt="$vbphrase[paste]" /></div></td>
    -->
    <if condition="$show['basicbbcodeonly']">
     <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
     <if condition="$show['basic_bbcode']">
      <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
     </if> 
     <if condition="$show['url_bbcode']">
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
     </if>    
     <if condition="$show['align_bbcode']">    
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <if condition="$stylevar['textdirection'] == 'ltr'">
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
      <else />
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
      </if>     
     </if>
     <if condition="$show['quote_bbcode']">
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
     </if>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.gif" width="21" height="20" alt="$vbphrase[undo]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>
    
   <if condition="is_browser('ie') AND !is_browser('mac')">
    <td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td>
   </if>
    <td>
     <div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
     <div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
    </td>
   <if condition="$show['wysiwyg_compatible']">
    <td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
   </if>
   </tr>
   </table>
   
   <if condition="!$show['basicbbcodeonly']">
   <table cellpadding="0" cellspacing="0" border="0">
   <tr>
   <if condition="$show['basic_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['align_bbcode']">
    <if condition="$stylevar['textdirection'] == 'ltr'">
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
    <else />
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['list_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.gif" width="21" height="20" alt="$vbphrase[ordered_list]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.gif" width="21" height="20" alt="$vbphrase[unordered_list]" /></div></td>
   </if>
   <if condition="$show['align_bbcode'] OR $show['list_bbcode']">
    <if condition="$stylevar['textdirection'] == 'ltr'">
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
    <else />
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['url_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
   </if>
   <if condition="$show['img_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td>
   </if>
   <if condition="$show['quote_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['code_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.gif" width="21" height="20" alt="$vbphrase[wrap_code_tags]" /></div></td>
   </if>
   <if condition="$show['html_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.gif"  width="21" height="20" alt="$vbphrase[wrap_html_tags]" /></div></td>
   </if>
   <if condition="$show['php_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.gif" width="21" height="20" alt="$vbphrase[wrap_php_tags]" /></div></td>
   </if>
    $vBeditTemplate[extrabuttons]
   </tr>
   </table>
   </if>
   
  </div>
</center>
  
  <table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr valign="top">
   <td class="controlbar">
    <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="display:block; width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea>
   </td>
   <if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
  </tr>
  </table>
 </td>
</tr>
</table>
<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra');
//-->
</script>

Avant · Dec 16, 2008

thank you soooooooooo much

i was looking for this a long time

thanks again

MobileHacks · Dec 16, 2008

known bugs :-
1- some buttons can't used by Firefox .
2- some buttons not work correct with Firefox ( need to reload the page )

Documentation :-
1-
can't use the buttons ( click but no thing change )
Open headinclude and make sure you have this

PHP:



And

PHP:



If not add them

2-
This Mod does not use BB Codes -- If you find any one this not belong to our Mod

3-
Change ready text
Open product-Magic Tool Box.xml with Notepad
Find

PHP:

<!-- Ready Text -->

After it you will find

PHP:

<if condition="$vboptions['mwaextraedit2_setting_readytext_active']">
</tr><tr><td colspan="99"><table><tr>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword1">
<input class="button" type="button" value="Hello"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword2">
<input class="button" type="button" value="How"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword3">
<input class="button" type="button" value="Can i"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword4">
<input class="button" type="button" value="I want"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword5">
<input class="button" type="button" value="Thanks"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword6">
<input class="button" type="button" value="Work good"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword7">
<input class="button" type="button" value="Not Work"></div></td>

<td><div class="imagebutton" id="{$editorid}_cmd_insertword8">
<input class="button" type="button" value="Cong"></div></td>

<SCRIPT LANGUAGE="JavaScript">
var selword1 = 'Hello ! ';
var selword2 = ' How can i ';
var selword3 = ' Can i ? ';
var selword4 = ' I want .... ';
var selword5 = ' Thanks m8 ';
var selword6 = ' Work good with me ';
var selword7 = ' Not work with me ';
var selword8 = ' Congratulations ';
</SCRIPT>

Change it as you like
Note you will need to change this code 2 times as there is other code like this to

PePiTo · Dec 16, 2008

Thank You Mate

Avant · Dec 16, 2008

brother working with me really good without any change

and cool

demo

:: Exclusive Forum ::

alexD · Dec 17, 2008

For me it removed the search part of the styles search in template so i have to manuale find the text now other ten that it works pretty good.

clickea2 · Dec 26, 2008

the "hide option" doesn't work with the "tank you botton."
can someone fix it?

Damien White · Dec 28, 2008

Works great on 3.7.4 using TalkStuff style.

The only problem I seem to have is the left and right frame pieces are opposite...this is in both the post and the preview (design pop-up).

tr1 ------------------------ tl1
|
br1 ------------------------ bl1

Without renaming all the images, is there a way to fix this?

virus · Feb 12, 2009

can't work in vb 3.7.5 anyone can give the solution

matrixthestar · Mar 9, 2009

it doesn't appear @ quick reply

nasty · Mar 24, 2009

i was looking for this a long time

thanks again

Magic Tool Box

MobileHacks

New Member

Avant

New Member

MobileHacks

New Member

PePiTo

New Member

Avant

New Member

alexD

New Member

clickea2

New Member

Damien White

New Member

virus

New Member

matrixthestar

New Member

nasty

New Member