Как мне сделать простой редактор WYSIWYG?

Question

По сути, я просто хочу жирный, курсив, подчеркивание. Ничего сложного.

Я читал из других вопросов или здесь, что я должен использовать contenteditable. т.е. Базовый редактор javascript wysiwyg

но как мне сделать жирный шрифт и т. Д. Из выделенного текста в поле contenteditable?

Мне нужны кнопки, выделенные полужирным шрифтом и т. Д. Для CSSable, поэтому, если я смогу выполнить javascript для создания полужирного шрифта, подчеркивания и т. Д., Это будет предпочтительным.

Answer 1

Вы хотите определить элемент как contentEditable . Затем вы можете использовать execCommand для выполнения функций с выделенным текстом в элементе contentEditable. Документация по этому материалу скудна ... удачи:)

Конечно, вы можете использовать CKEditor или TinyMCE .

Answer 2

BSALSA.com EmbeddedWB имеет HTML-элемент управления отображением и EditDesigner, который ссылается на него, предоставляя вам базовые возможности редактирования.Небольшое изменение модуля EditDesigner.pas, и вы получаете почти полный доступ к MSHTML execCommand, что делает его очень простым для кодирования WYSIWYG HTML-редактор