Как сделать визуальный редактор кода?

Question

[Артём Сысолятин]

Как можно сделать над textarea кнопочки, при нажатии на которые в textarea будут появляться определённые знаки. Например, нажимает человек слово "Жирный" и в textarea сразу появляется <b> </b>
В общем, некое подобие кнопок, как тут в тостере при ответах.
Визуальные редакторы не предлагать, т.к. нужно будет выводить специфические теги.

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/TJ7RM

Comments

[Артём Сысолятин]

Да, это то, что нужно, только как сделать, что бы при нажатии ещё одного тега он писался рядом, а не полностью заменял всё содержимое?

[Юрий Лобанов]

@pingvi69 ответил ниже

Answer 2

[Юрий Лобанов]

jsfiddle.net/iiil/TJ7RM/1

Comments

[Артём Сысолятин]

Огромное спасибо.

[Юрий Лобанов]

@pingvi69 но учтите, это решение уж больно слабое, по сравнению с нормальным визуальным редактором. Попробуйте все же погуглить в сторону настраиваемых визуальных редакторов.

Answer 3

[Александр Хиренко]

Мне больше нравится такое решение:
mjs7231.bitbucket.org/jquery-wysiwym/examples/mark...
Легче набирать руками.