Пишу свой WYSIWYG редактор для сайта
точнее начал писать

в качестве поля редактора использую iframe

кнопки
B , I , U , S, URL сделал с помощью вот таких конструкций




как быть дальше?

еще нужно сделать

- выравнивание по левому краю, по правому, по центру
- сделать списки
- сделать выбор цвета шрифта
- изменение фона шрифта
- выбор шрифта
- а так же вставка абзаца и загловков
- изображений и смайлов
- видео и музыки
- таблиц
- добавление отступа

Сам редактор с кнопочками я написал, осталось к кнопкам прикрутить эти умения и написать код
На ум приходит искать положение курсора либо искать выделенный текст, а потом парсить все с помощью innerHTML и обрабатывать (т.е. писать сложный парсер) - это я могу, но это сложно и многие думаю скажут не правильно

Вот например я хоть и добавил вышеописанные команды, но мне кажется все эти execCommand как то не одинаково и не четко работают во всех браузерах

Какие функции посоветуете для обработки и добавления?
Как такое вообще делается на чистом javascript?

p.s. мне все это требуется в первую очередь для обучения, а то я что то застопорился на этой задаче и дело не движется уже несколько дней...

Спасибо большое за ссылки и информацию

ShSergeprot0type,

Посмотрите в гугле execCommand и contenteditable. Не смотрели что-ли? Даже в МСДН всё это есть.
glilyaОбычно делается с помощь скрытой textarea + div + парсер, там все эти проблемы решаются
Не сбивайте человека с толку.

Смотрел, но в голове не мог связать во едино, теперь прочитав понял как все это можно использовать