Как стиль применяется к выбранным символам строки - angularjs

Я наткнулся на редактор форматированного текста в этот плункер и хотел знать, как именно код может понять, что конкретный element должен быть украшен стилем bold?

$container.html() показывает правильный стиль в console, но как он знает, какая часть строки была выбрана для стилизации?

0
0
96
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Итак, этот plunkr использует функцию HTML5 под названием contenteditable. Короче говоря, этот атрибут превращает элемент html (обычно div) во что-то, что может действовать как текстовое поле, но вы редактируете фактический html на странице. Что касается выбранного стиля, полужирная кнопка использует Document.execCommand для применения команды к текущему выделению.

Вот руководство по началу работы с contenteditable и execCommand: https://code.tutsplus.com/tutorials/create-a-wysiwyg-editor-with-the-contenteditable-attribute--cms-25657. Надеюсь, это поможет.

PS Я обновил ссылку в другом вопросе, который вы прокомментировали.

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