Add other buttons to Quick Edit/ Quick Reply Toolbar

The quickreply and quickedit is not enough button for formating Text. So I decide to add some other and share with you.

If you want to add to quick Reply, go to showthread_quickreply template to edit or showthread_quickedit template if you want to add more buttons to Quick Edit toolbar.

Now, let's begin:

If you want to add align button (left, center, justify or right) next to underline button,
find:

 <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>

add below:

 <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 you want to add Font Size Popup Menu, Add below (the above code):

 <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 you want to add Extra BBCode Button (Custom BBCode that has Button Image):

Find:

<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>

Add After:

 <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
		<if condition="$show['editor_toolbar']">
				<div>$vBeditTemplate[extrabuttons]</div>
		</if>

I will give some more code for other buttons in post #1.


If you like this hack, Click Install to receive updates

[hoangminh]

Some more Button


Code to add Order List and Unorder List Buttons:

<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>

Code to add Decrease Indent/Increase Indent Buttons

   
<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>

[hoangminh]

I've post in incorrect forum, please move to Template Modification forum please.

Thanks

[zzzxxzzz]

damn hoang minh, sao nhieu du dzi, cho xin nhe thanks a lot bro

[murrtex]

i did only left, center, justify or right ,but i did not work on me.
when i clik quickedit it goes advanced edit.

[hoangminh]

Originally Posted by murrtex

i did only left, center, justify or right ,but i did not work on me.
when i clik quickedit it goes advanced edit.

Do you have another hack on showthread_quickreply template? I've test this hack in new test board without hackmod before, it runs correctly

[murrtex]

i will try tomorrow.i'll goto bed

[G-Force 199]

Can u give a ZIP or TXT file ?

[hoangminh]

Originally Posted by G-Force 199

Can u give a ZIP or TXT file ?

Okie, I've updated the txt file.

[Snake]

Nice one man. I will install this tonight.