Habra-editor of comments zero.two

So there was a new version of my toolbar for kamentov, the appearance, in addition to the functionality, has changed quite a bit:

perhaps thanks to the active support of users in the form of suggestions and criticism, there will be many more changes and additions


Actually, here is the source itself: http: / /webcodes.ru/publ/1-1-0-0-1971 (I don’t know how much the habraeffect can withstand, it will lag, say, I’ll transfer the thread) direct link to the JS file , thanks SKYnv , a small but nasty bug with the prompt
Use it same as with the previous version

bug fixes:
- completely changed appearance, made it a “clone” of other similar scripts, now it does not stand out
- changed the actions of the buttons (if you add a user, but do not enter a name, do not insert anything)
+ added syntax highlighting (so far only for JS, although some others will be tolerably highlighted)
+ added several useful buttons
+ added one “feature”, next to each “answer” links, a “collapse” link appears that collapses the entire branch of cameras.

It would be nice to add a few more languages ​​out of the box, while there are no more ideas, it would be nice if you% userName% would suggest your wishes, suggestions and bugreports ... advance grace Ren

UPD: a direct link to the JS file is not so hot, sometimes
UPD2 can go out: mini-manual how to install / replace an existing button:
open the file, in the 6th line we see the buttons variable - these are all the buttons that are,
let's say you need to change the ± button to the ":) emoticon",
look at the buttons in the buttons, in this case

{
    type: 'text',
    caption: '±',
    title: 'Plus / Minus',
    text: '±'
}, 

and replace the necessary fields:
type - the type of the button text / delimeter / image, in our case it is the
caption text button - the text that will be displayed on the
title button - a hint that will be shown when you hover
text - the text that will be inserted into the field when clicked,
change the fields like this:

{
    type: 'text',
    caption: ':-)',
    title: 'Plus / Minus',
    text: ':)'
}, 

Suppose we need to add the ":(" button after just changed:
first, create a button layout, you can take any other as a basis, take the just changed

{
    type: 'text',
    caption: ':-)',
    title: 'Plus / Minus',
    text: ':)'
},

and do the same thing as that time:

{
    type: 'text',
    caption: ':-(',
    title: 'Plus / Minus',
    text: ':('
},

and insert this piece after the desired button (note the commas)

all the available fields:
type - buttons can be of 3 types: image (button in the form of a picture), delimiter (separator) and text (button with text)

src - link to the picture which will be displayed on the button (provided that the type is image)

title is a hint that appears when you hover (provided that the type is image)

text is the text that will be inserted when the button is pressed (? and %%% are considered control characters see below, ? is also replaced by the selected text in the input field)

processFunc - a function that processes em text before display (replaces? with the result of the function)

prompt - displays a text input dialog (for example, a user’s nickname for creating a link to his profile, the entered text replaces %%% in the text field, for example: text: '')

caption - the text on the button, provided that the button is of type text

script for opera, for other browsers it will need to be slightly

updated by upd3: the appearance will change, now the panel will be the entire length of the field, thanks Dlussky
upd4 if you use a script, and are going to rename script, do not use a name template of type * .jser.js opera does not pick it up, thanks SKYnv