актуальна ли команда execCommand?

220
19 апреля 2022, 08:00

На Nuxt.js делаю страничку добавления поста

актуальна ли команда execCommand?

как при нажатии enter сделать, чтобы к тегу

добавлялся класс?

document.execCommand('defaultParagraphSeparator', false, "p");

при выделении текста пытаюсь добавить теги, но что-то не работает и не могу понять чего

<div class="editor-content" contenteditable="true">
   <p>Тест 2</p>
   <p>Тест</p>
</div>

Тулбар для тегов

<div class="editor-toolbar__btn editor-toolbar__btn-bold">
   <svg><use href="#bold"></use></svg>
</div>

скрипт

<script>
    $(function() {
      document.execCommand('defaultParagraphSeparator', false, "p");
    $('body').on('click', '.editor-toolbar__btn-bold', function(e){
      e.preventDefault();
      document.execCommand('bold', false, null);
    });
    });
    
  </script>
Answer 1

Если почитать тут

Примечание. Это экспериментальная технология, которая, вероятно, будет изменена до финальной версии.

execCommand()Метод выполняет указанную команду для выбранной части редактируемой секции.

на счет актуальности тут даже не знаю что сказать