eConti - программирование в вопросах и ответах

Как настроить жирную кнопку, чтобы выделять только выделенный текст?

Я пытаюсь создать кнопку, которая устанавливается в редактируемый контент. Однако он выделяет текст, который я ввожу, жирным шрифтом, я хочу, чтобы он выделял только выделенный текст жирным шрифтом, а не весь текст. Любая помощь будет оценена по достоинству.

function bold(){
  const x = document.getElementById("text");
  if(x.style.fontWeight == "bolder"){
    x.style.fontWeight = "normal";
  }else{
    x.style.fontWeight = "bolder";
  }
}

<button onclick="bold()"> B </button>
<div id="text" class="editor" contenteditable="true" draggable="true"></div>


Ответы:


1

Ваша проблема будет решена, когда вы обновите свой код, как показано ниже:

    <button onclick="bold()"> B </button>
    <div id="text" class="editor" contenteditable="true" draggable="true">Text Example</div>

    <script>
      function bold(){
      if(document.execCommand("bold")){
        document.execCommand("normal");
      }else{
        document.execCommand("bold");
      }
    }
    </script>
08.12.2019
Новые материалы

ИИ для общего блага, часть вторая
В нашем последнем блоге мы исследовали возможности ИИ для общего блага, указав на несколько инициатив по поиску действенных решений для продвижения справедливых и беспристрастных систем ИИ. По..

Время расцвета закончилось
Большую часть своей карьеры в индустрии программного обеспечения программисты работали с головой в песок. Успех в отрасли требует навыков презентации и обучения других. Ценность улучшенных..

Будущее сельского хозяйства: новый уровень производительности с современными технологиями
По мере роста населения мира растет и спрос на продукты питания. Фермеры сталкиваются с растущим давлением необходимости повышать урожайность и максимизировать производительность, манипулируя..

Состояние совместной фильтрации в 2022 году, часть 1
ResBeMF: Улучшение прогнозируемого охвата совместной фильтрации на основе классификации (arXiv) Автор: Анхель Гонсалес-Прието , Авраам Гутьеррес , Фернандо Ортега , Рауль Лара-Кабрера..

Зачем изучать PYTHON в 2022 году !
Python — востребованный, доступный язык программирования с активным, постоянно растущим сообществом пользователей. Для тех, кто хочет сменить профессию в мире технологий с помощью..

Решение капч с помощью Puppeteer
Это руководство предназначено для текстовых кодов, а не для reCAPTCHA Google (см. конец этого сообщения). Требования: Антикапча или любой другой сервис по разгадыванию капчи. Модуль..

7 встроенных библиотек Python, которые необходимо знать
7 встроенных библиотек Python, которые необходимо знать Стандартная библиотека Python значительно упрощает жизнь программистов, предоставляя широкий набор функций. Мы выбираем несколько..