0

Хочу сделать простенький html-редактор, чтоб мелкие ошибки проще было исправлять.

Допустим, есть textarea или div с "contenteditable". Выделяем фрагмент текста. Как вставить перед началом выделения "<span style='color: #bbb;'>", а после "</span>"?

И вообще какие советы будут? Видел, что многие редакторы работают через iframe, зачем?

P.S. как вставить какой-либо тест в место, где сейчас находится курсор?

2 ответа 2

2

Если отвечать прямо, то вам нужно Selection и Range. А для простого редактора подходит именно document.execCommand. А в iframe потому, что Опера (за Хромом такого не замечал, насчёт лисы на знаю) не работает с данными с помощью этого метода в текущем фрейме.

2

Все значительно проще, редактор сроится на базе функции document.execCommand.

Здесь уже был подобный вопрос, в моем ответе на него есть ссылка на документацию по document.execCommand, небольшой tutorial, и описание, почему стоит редактор делать именно на базе iframe, а не просто div-a.

2
  • Насколько мне известно в execCommand есть ограниченный набор параметров и больше ничего не добавить? Ну, если вдруг захочется обернуть в экзотические теги. 10 ноя 2013 в 16:26
  • 1
    @ModaL делал как-то свой редактор, без execCommand. Более детально + с примером на jsfiddle можно посмотреть здесь. 10 ноя 2013 в 18:48

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.