Почему execCommand ('bold') ничего не делает? - PullRequest
Новая
       13

Почему execCommand ('bold') ничего не делает?

0 голосов
/ 19 декабря 2018

Я пытаюсь сделать простой редактор WYSIWYG, но у меня проблемы с выделением текста жирным шрифтом.Я могу сделать текст подчеркнутым с помощью document.execCommand("underline", false, null); и сделать текст курсивом с document.execCommand("italic", false, null);, но document.execCommand("bold", false, null); ничего не делает.

Я проверил вывод html, и он не добавляет никаких <b> или <strong> теги к тексту либо.

Это HTML: 

<button id="underline" type="button">Underline</button>
<button id="italic" type="button">Italic</button>
<button id="bold" type="button">Bold</button>
<div id="editor" contenteditable="true" spellcheck="false"></div>

, а вот jQuery: 

$('#underline').click(function() {
   document.execCommand("underline", false, null);
});

$('#italic').click(function() {
   document.execCommand("italic", false, null);
});

$('#bold').click(function() {
   document.execCommand("bold", false, null);
});

1 Ответ

0 голосов
/ 19 декабря 2018

Это работает, насколько я могу судить.Проверьте эту скрипку: http://jsfiddle.net/om78patL/

$('#underline').click(function() {
   document.execCommand("underline", false, null);
});

$('#italic').click(function() {
   document.execCommand("italic", false, null);
});

$('#bold').click(function() {
   document.execCommand("bold", false, null);
});

<button id="underline" type="button">Underline</button>
<button id="italic" type="button">Italic</button>
<button id="bold" type="button">Bold</button>
<div id="editor" contenteditable="true" spellcheck="false">test</div>
...