Как применять стили текста в div с атрибутом contenteditable

Как применить текстовые стили, такие как жирный шрифт, курсив и подчеркивание в div с атрибутом "contenteditable"?

Я использовал,

contenteditable="true"

атрибут в моих элементах, которые я хочу редактировать. Я хотел бы добавить параметр, чтобы сделать его жирным, курсивом или подчеркнутым.

Я исследую это, и единственный способ, который я нашел, это использование некоторых плагинов. Я предпочитаю не использовать другие плагины.

1 ответ

Решение

Использование execCommand,

Рабочая скрипка

JQuery

$(document).ready(function() {
  $('#Bold').click(function() {
    document.execCommand('bold');
  });
   $('#Italic').click(function() {
    document.execCommand('italic');
  });
});

Ссылка полной опции для execCommand

Почти все современные браузеры поддерживают это.

Другие вопросы по тегам