HTMLpad: tiny addon for ToolBar plugin

English main discussion
Post Reply
  • Author
  • Message
Offline
Posts: 53
Joined: Wed Dec 09, 2015 6:33 pm

HTMLpad: tiny addon for ToolBar plugin

Post by beotiger »

HTMLpad
This addon - several buttons for ToolBar for fast adding common HTML elemets into document.

It looks like this:
Image
or this:
Image

You need installed ToolBar, ContextMenu and Scripts plugins.

Installation

1. Download set of icons from here and unzip them inside [Akelpad]\AkelFiles\Tools\ folder, so that they stayed in HTMLPad folder.

2. Call ContextMenu::Main plugin function (Options - Plug-ins...) and add following code at the end of ContextMenu::ShowMenu section:

Code: Select all

"H1H6"
{
	"H1" Call("Scripts::Main", 1, "Insert.js", `<h1>\[\s\]</h1>`) Icon("%a\AkelFiles\Tools\HTMLPad\h1.ico")
	"H2" Call("Scripts::Main", 1, "Insert.js", `<h2>\[\s\]</h2>`) Icon("%a\AkelFiles\Tools\HTMLPad\h2.ico")
	"H3" Call("Scripts::Main", 1, "Insert.js", `<h3>\[\s\]</h3>`) Icon("%a\AkelFiles\Tools\HTMLPad\h3.ico")
	"H4" Call("Scripts::Main", 1, "Insert.js", `<h4>\[\s\]</h4>`) Icon("%a\AkelFiles\Tools\HTMLPad\h4.ico")
	"H5" Call("Scripts::Main", 1, "Insert.js", `<h5>\[\s\]</h5>`) Icon("%a\AkelFiles\Tools\HTMLPad\h5.ico")
	"H6" Call("Scripts::Main", 1, "Insert.js", `<h6>\[\s\]</h6>`) Icon("%a\AkelFiles\Tools\HTMLPad\h6.ico")
}
"INLINE"
{
	"B"  Call("Scripts::Main", 1, "Insert.js", `<b>\[\s\]</b>`) Icon("%a\AkelFiles\Tools\HTMLPad\b.ico")
	"I"  Call("Scripts::Main", 1, "Insert.js", `<i>\[\s\]</i>`) Icon("%a\AkelFiles\Tools\HTMLPad\i.ico")
	"A"  Call("Scripts::Main", 1, "Insert.js", `<a href="#">\[\s\]</a>`) Icon("%a\AkelFiles\Tools\HTMLPad\a.ico")
	"SPAN"  Call("Scripts::Main", 1, "Insert.js", `<span>\[\s\]</span>`) Icon("%a\AkelFiles\Tools\HTMLPad\span.ico")
	"STRONG"  Call("Scripts::Main", 1, "Insert.js", `<strong>\[\s\]</strong>`) Icon("%a\AkelFiles\Tools\HTMLPad\b.ico")
	"EM"  Call("Scripts::Main", 1, "Insert.js", `<em>\[\s\]</em>`) Icon("%a\AkelFiles\Tools\HTMLPad\i.ico")
	"U"  Call("Scripts::Main", 1, "Insert.js", `<u>\[\s\]</u>`) Icon("%a\AkelFiles\Tools\HTMLPad\u.ico")
	"S"  Call("Scripts::Main", 1, "Insert.js", `<s>\[\s\]</s>`) Icon("%a\AkelFiles\Tools\HTMLPad\s.ico")
	"SUPERSCRIPT"  Call("Scripts::Main", 1, "Insert.js", `<sup>\[\s\]</sup>`) Icon("%a\AkelFiles\Tools\HTMLPad\sup.ico")
	"SUBSCRIPT"  Call("Scripts::Main", 1, "Insert.js", `<sub>\[\s\]</sub>`) Icon("%a\AkelFiles\Tools\HTMLPad\sub.ico")
}
"BLOCKLEV"
{
	"BR"  Call("Scripts::Main", 1, "Insert.js", `<br>\[\s\]`) Icon("%a\AkelFiles\Tools\HTMLPad\br.ico")
	"P"   Call("Scripts::Main", 1, "HTMLpad.js", `<p>`) Icon("%a\AkelFiles\Tools\HTMLPad\p.ico")
	"DIV"  Call("Scripts::Main", 1, "HTMLpad.js", `<div>`) Icon("%a\AkelFiles\Tools\HTMLPad\div.ico")
	"SECTION P"  Call("Scripts::Main", 1, "HTMLpad.js", `<p> <section>`) Icon("%a\AkelFiles\Tools\HTMLPad\p.ico")	
	"SECTION DIV"  Call("Scripts::Main", 1, "HTMLpad.js", `<div> <section>`) Icon("%a\AkelFiles\Tools\HTMLPad\div.ico")
	"BLOCKQUOTE" Call("Scripts::Main", 1, "Insert.js", `<blockquote>\[\s\]</blockquote>`) Icon("%a\AkelFiles\Tools\HTMLPad\blockquote.ico")
}


3. Click right mouse button on any place inside ToolBar and add the following code at place you like most (at the end by default)

Code: Select all

"I"  Call("Scripts::Main", 1, "Insert.js", `<i>\[\s\]</i>`) Menu("INLINE") Icon("%a\AkelFiles\Tools\HTMLPad\i.ico")
"BR"  Call("Scripts::Main", 1, "Insert.js", `<br>\[\s\]`) Menu("BLOCKLEV") Icon("%a\AkelFiles\Tools\HTMLPad\br.ico")
"H1" Call("Scripts::Main", 1, "Insert.js", `<h1>\[\s\]</h1>`) Menu("H1H6") Icon("%a\AkelFiles\Tools\HTMLPad\h1.ico")
"IMG"  Call("Scripts::Main", 1, "Insert.js", `<img src="\[\s\]" alt="" title="">`) Icon("%a\AkelFiles\Tools\HTMLPad\img.ico")
"UL"  Call("Scripts::Main", 1, "HTMLpad.js", `<li> <ul>`) Icon("%a\AkelFiles\Tools\HTMLPad\ul.ico")
"OL"  Call("Scripts::Main", 1, "HTMLpad.js", `<li> <ol>`) Icon("%a\AkelFiles\Tools\HTMLPad\ol.ico")
"TABLE"  Call("Scripts::Main", 1, "HTMLtable.js") Icon("%a\AkelFiles\Tools\HTMLPad\table.ico")
SEPARATOR1


4. Copy inside [AkelPad]\AkelFiles\Plugs\Scripts\ folder next three scripts:

Insert.js by Instructor.
HTMLpad.js by beotiger.
HTMLtable.js by beotiger.

OK, it's settled by now, and ready for work.

Happy New 2016 year!
Post Reply