Как написать простейший wysiwyg редактор?

Question

[Aragorn]

Добрый день! Нужно написать простой wysiwyg редактор для сайта, на JS, CSS, HTML. Главная особенность задачи: использовать <div contenteditable> как поле ввода. Гуглил, но подходящего решения так и не нашёл. Может подскажет кто-нибудь?

Comments

[Сергей delphinpro]

использовать как поле ввода

ну и что это означает?

поля ввода могут быть однострочными (input) и многострочными (textarea). И в них нельзя форматировать текст.
Любой редактор строится на дивах. А уже содержимое дива копируется в скрытое поле для передачи на сервер.

[Сергей delphinpro]

Простейший редактор реализуется добавлением атрибута contenteditable к html элементу

По ссылке даже пример есть простого редактора

[Aragorn]

Сергей delphinpro, забыл code поставить, часть текста пропала

[Aragorn]

Сергей delphinpro,

По ссылке даже пример есть простого редактора

думаю это то что мне нужно. Сделайте это пожалуйста ответом, чтобы я мог пометить его решением

[Антон Литвиненко]

Сергей delphinpro, вах, ты знал?

[Aragorn]

Антон Литвиненко, ?

[Антон Литвиненко]

Lord_of_Rings, я вот, не знал, что так можно.

[Сергей delphinpro]

Антон Литвиненко, вы о чем? о contenteditable? я же фронтэндер. конечно знал.

Answer 1

[Сергей delphinpro]

https://developer.mozilla.org/ru/docs/conflicting/...

Answer 2

[от это да]

простейший wysiwyg редактор - это хорошая тема дипломного проекта веб-программиста
самому надо такое уметь