446076 - Create quicktags (toolbar buttons in article edit area) for SHOWFOR

Status: VERIFIED FIXED

(support.mozilla.org :: Knowledge Base Software, task)

Description

[Chris Ilias [:cilias]]

This one is going to be tricky. I don't want to clutter the quicktag area, but SHOWFOR tags often used. It would be even better if is one quicktag with a dropdown menu for OSes.

Comment 1

[Paul Craciunoiu [:paulc]]

Any ideas for this? How about sets of icons?
It looks like there's room for a quicktag with a dropdown, given that the new icons keep the same size as the others we have so far.

Does anyone know, do we have a specific way of implementing dropdown menus already?
I was thinking maybe something like this would do:
http://www.alistapart.com/d/horizdropdowns/horizontal2.htm

I believe our main menu (top) uses YUI, but I'm not familiar with it. Should we be using that?

Comment 2

[David Tenser [:djst]]

Definitely want to simplify the UI for using SHOWFOR, but no time to get this into the 1.1 milestone as we haven't really decided how this would look like.

Comment 3

[Marc Laporte]

1- Tiki4: Quicktags have been revamped and renamed to Toolbars and management will be nicer with jQuery magic. (drag & drop, can have more than one line of toolbars, etc.)

2- Tiki3: 
There is now a pop-up helper to create (Stable) & edit (experimental) plugins, so editors fill a form instead of fiddling with the syntax. But the syntax is still there for advanced uses.

http://doc.tikiwiki.org/tiki-index.php?page=Tiki%203.0&redirectpage=tiki3#Wiki_Help_revamped

3- Tiki3: New feature: Plugin Alias permits to create new plugins with touching code.
http://doc.tikiwiki.org/Plugin+Alias

So this:
{DIV(class=noMac,type=span)}{TAG(tag=kbd)}Enter{TAG}{DIV}{DIV(class=mac,type=span)}{TAG(tag=kbd)}Return{TAG}{DIV}

Could become:
{NOMAC()}{KBD()}Enter{KBD}{NOMAC}{MAC()}{KBD()}Return{KBD}{MAC}

Or even just:
{ENTER()/}

And management in one central place.

Then, perhaps, we should make "Enter" & "Return" localized...

Comment 4

[Marc Laporte]

In Tiki4, adapting toolbar is done in drag & drop with jQuery (fun!)

You can have 2 or more rows (if you are worried about clutter)

Smileys and special characters (accents, etc.) are in a mouse-over for easy availability but without taking too much screen space.

Comment 5

[James Socol [:jsocol, :james]]

Done in Kitsune.

Comment 6

[Chris Ilias [:cilias]]

Verified on <https://master.support.mozilla.com/en-US/kb/Firefox%20has%20just%20updated%20tab%20shows%20each%20time%20you%20start%20Firefox/edit>