vBulletin Installation Instruction

This mod requires template modification but it's not really that complicated at all. Also remember that you need to turn off WYSIWYG editor if you want to use the equation editor, otherwise the content will not be copied to your textarea.

-------- INSTRUCTIONS ---------

1. Download this image http://i.imgur.com/fbaZg.png

Name it to latex.png

Then upload to : root/images/editor/

2. Styles > Edit Templates > Editor Templates > edit_toolbar_on

AFTER

<vb:if condition="<div class="orangebox">[$]</div>extrabuttons">		
  <li>
    <vb:each from="extrabuttons" value="button">
	<img src="{vb:raw button.buttonimage}" class="imagebutton" id="{vb:raw editorid}_cmd_wrap{vb:raw button.twoparams}_{vb:raw button.bbcodetag}" width="21" height="20" alt="{vb:rawphrase wrap_x_tags, {vb:raw button.tag}}" />
    </vb:each>
  </li>
</vb:if>

ADD

<li><img src="{vb:stylevar imgdir_editor}/latex.png" class="imagebutton" alt="Latex Equation Editor" onclick="javascript:OpenLatexEditor('vB_Editor_001_textarea','phpBB','')"/>
  </li>

3. Styles > Edit Templates > headinclude

AFTER

<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"></script>

ADD

<script type="text/javascript" src="http://latex.codecogs.com/editor.js"></script>

4. Create BBcode

Title: Latex
Tag Name: tex
Replacement: <img src="http://latex.codecogs.com/png.latex?\color{param}"/>
Example: [tex]\sqrt{\cos x}+\pi[/tex]
Description: Generate Latex Equation.

Leave the rest as default.

5. If you want the fx button on quickreply (Optional)

AFTER

<li class="editor_control_group_item">
	<img src="{vb:stylevar imgdir_editor}/quote.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_quote" width="20" height="20" alt="{vb:rawphrase wrap_quote_tags}" />
  </li>

ADD

<li><img src="{vb:stylevar imgdir_editor}/latex.png" class="imagebutton" alt="Latex Equation Editor" onclick="javascript:OpenLatexEditor('vB_Editor_QR_textarea','phpBB','')"/>

--------- END OF INSTRUCTIONS -------