Как я могу выбрать только 1 слово с formatBlock

Question

Когда я выбираю слово в своем приложении и хочу дать ему интервал, включается целое предложение.Кто-нибудь знает, как я могу решить эту проблему?

Я думаю, что это до formatBlock, но я понятия не имею, что я могу использовать в качестве замены для formatBlock.

<button id="span" type="button" class="btn btn-outline-secondary"><b>T</b></button>

<div contenteditable="true" id="textarea" name="answers" class="form-control">{!! old('answers',$task->description) !!}</div>

<textarea name="answers" id="answerstextarea" style="display:none"></textarea>





 $('#span').on('click', function () {
            document.execCommand('formatBlock', false, '<blockquote>');

            let bq = $('#textarea').find('blockquote').first().text();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-Token': parent.$('meta[name="csrf-token"]').attr('content')
                }
            });
            $.post('{{route('translate')}}', {'totranslate' : bq}, function (data) {
                $('#translate .modal-body').html(data);
                $('#translate').modal('show');

                $('#textarea blockquote').replaceWith('<span class="translated" data-vocabid="">' + bq + '</span>');
                let text = $('#textarea').html();

                $('#textarea-show').html(text);
                $('textarea#answers2textarea').html(text);

            });

        });

Answer 1

Поскольку имя применяется, команда formatBlock отформатирует строку / блок, она не будет применима к выбранным словам

В следующем посте есть функция форматирования, если вы не можете использовать formatBlock

Сделать выделенный текст полужирным / unbold

вот список команд, которые вы можете использовать с execCommand, может быть, вы можете выполнить форматирование с помощью другой команды.

https://www.w3schools.com/jsref/met_document_execcommand.asp