HTMLpad: дополнение для ToolBar плагина

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

HTMLpad: дополнение для ToolBar плагина

Post by beotiger »

HTMLpad
Это дополнение - кнопки для ToolBar для быстрой вставки широко используемых HTML элементов в документ.

Выглядит так:
Image
и так:
Image

Для работы дополнения требуются установленные плагины ToolBar, ContextMenu и Scripts.

Установка

1. Скачайте иконки отсюда и распакуйте их в папку [Akelpad]\AkelFiles\Tools\, так, чтобы они лежали в папке HTMLPad.

2. Вызовите функцию ContextMenu::Main (Опции - Плагины) и добавьте нижеприведенный код в конец секции ContextMenu::ShowMenu:

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. Щёлкните правой кнопкой мышки на любом месте меню ToolBar и в появившемся окошке добавьте нижепреведенный текст в любое место, где вам нравится (по умолчанию - в конец)

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. Установите в папку [AkelPad]\AkelFiles\Plugs\Scripts\ следующие три скрипта:

Insert.js от Instructor'а.
HTMLpad.js от beotiger'а.
HTMLtable.js от beotiger'а.

Всё, готово, можно пользоваться новыми кнопками.

С наступающим Новым Годом, всех благ и исполнение желаний.

Offline
Posts: 24
Joined: Sat Jul 30, 2016 9:39 am

Post by Sticher78 »

Ты малость отстал от жизни.

Уже прикрутили препроцессор Emmet к нашему любимому Акелю:

Скролл чуть ниже твоего сообщения

Не считая того, что всё это реализуется гораздо проще, Insert-ами, через то же меню редактирования, не занимая место на панели и не вызывая лишние скрипты.

Например:

Code: Select all

"Вёрстка" Icon("%a\AkelFiles\Icons\html.ico")
{
    "<div>" Insert(`<div class="">\s</div>`, 1) Icon("%a\AkelFiles\Icons\html\div.ico")
     "=class" Insert(` class="\s"`, 1) Icon("%a\AkelFiles\Icons\html\cls.ico")
    "<span>" Insert(`<span>\s</span>`, 1) Icon("%a\AkelFiles\Icons\html\span.ico")
    "<a>" Insert(`<a href="#">\s</a>`, 1) Icon("%a\AkelFiles\Icons\html\a.ico")
     "img" Insert(`<img src="images/" alt=" " />\s`, 1) Icon("%a\AkelFiles\Icons\html\img.ico")
}


Image


Но за иконки спс, хотя половину из них я переделал под себя.

Offline
Posts: 2247
Joined: Tue Aug 07, 2007 2:03 pm
Location: Vinnitsa, Ukraine

Post by FeyFre »

Sticher78 wrote:Ты малость отстал от жизни.

Уже прикрутили препроцессор Emmet к нашему любимому Акелю:
1. Глянь на дату поста. Больше пол года прошло. А когда Еммет прикрутили? Через 1-2 месяца после этого сообщения.
2. А теперь внимательно глянь кто Еммет таки прикрутил?
beotiger

Offline
Posts: 24
Joined: Sat Jul 30, 2016 9:39 am

Post by Sticher78 »

:D Не поглядел на добавляльщика))

Но код который показал - уже года 2 как юзаю)

Изредка только менял что-то, чем не пользуюсь, или новое добавлял)

Спс тебе большое за Emmet :lol:
Last edited by Sticher78 on Sat Jul 30, 2016 12:50 pm, edited 1 time in total.

Offline
Posts: 24
Joined: Sat Jul 30, 2016 9:39 am

Post by Sticher78 »

Препроц под php бы ещё надыбать, и было бы ваще гуд)
Post Reply