Как применить текстовое оформление текста в textarea

97
10

как применить текстовое оформление текста в textarea, например полужирный, курсив, подчеркнутый и т.д.

спросил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
1
Решение
88

Это невозможно с помощью простого textarea, вам придется использовать богатые текстовые редакторы. Некоторые из известных:

ответил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
62

Если вы хотите стилизовать весь объект, вы можете сделать это как любой другой элемент в CSS.


#mytextarea {font-weight:bold;}

и др.


Однако, я подозреваю, что вы действительно просите, чтобы стиль частей текста в текстовом поле; т.е. эффективно создавать богатый текстовый контроль. Это невозможно сделать со стандартным полем textarea.


Лучшим решением в этом случае будет использование одного из элементов управления редактором WYSIWYG, написанного в Javascript. К счастью, имеется ряд из них. Попробуйте Spaw Editor (но есть много других).

ответил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
62

Невозможно применить стили к тексту в текстовом поле.


Вместо этого вы можете посмотреть в атрибут contentEditable.

<div id="textarea" contentEditable="true"></div>

Свойство contentEditable работает в FF3, Opera и Safari.

ответил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
44

Вам нужно будет использовать плагин с расширенным текстовым полем через javascript. Есть много доступных для разных javascript-библиотек, а некоторые из них являются автономными. Их обычно называют редакторами Visual или WYSIWYG.


Вы можете легко найти с Google.

ответил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
44

вам нужно будет использовать плагин WYSIWYG - http://plugins.jquery.com/plugin-tags/wysiwyg
или соответствующий JS script.

ответил(а) 2021-01-19T19:24:27+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема