Как выделить текст жирным в input?
Есть форма отправки новости, которая добовляет текст, как сделать выделение текста жирным как в текстовом редакторе?
- Вопрос задан более трёх лет назад
- 1080 просмотров
1 комментарий
Простой 1 комментарий
Модератор @TosterModerator
Даниил Сухих дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.
Решения вопроса 0
Ответы на вопрос 2
Jumandjilos @Jumandjilos
font-weight: bold;
Ответ написан более трёх лет назад
Даниил Сухих @danchiksux Автор вопроса
Мне нужно что-бы жирным можно было выделить как в текстовом редакторе, вовремя ввода текста, как на тостере.
Вадим Белкин @BelkinVadim
Frontend разработчик
Внутри тега input нельзя форматировать текст (кроме как стилями задать его параметры тегу).
Вам нужна возможность аналогично wysiwyg редакторам, самый просто вариант, если хотите сделать сами, это contenteditable блок и Document.execCommand()
Внутри contenteditable можно вводить текст, форматировать его и много чего еще, а через команды Document.execCommand() можете форматировать выделенный текст
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +1 ещё
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 4 часа назад
- 32 просмотра
Оформляем текст с помощью CSS
Для того, чтобы задать элементу семейство шрифта применяется следующий синтаксис:
font — family : Arial , Tahoma , sans — serif ;
где font-family — ключевое слово, Arial — семейство шрифтов, с помощью которого нужно оформить данный элемент. Если Arial не установлен то будет применен шрифт Tahoma, если и данный шрифт отсутствует, то применится любой шрифт браузера без засечек.
Если название шрифта состоит более чем из одного слова — то в CSS возьмите шрифт в кавычки, например:
font — family : «Times New Roman» ;
Размер шрифта задается кодом:
font — size : 14px ;
Размер шрифта задается в пикселях, пунктах, процентах или других относительных величинах.
Цвет шрифта можно задать с помощью команды:
color : # c0c0c0 ;
Насыщенность шрифта определяется двумя состояниями: нормальный и жирный. Задать жирное начертание шрифта можно с помощью кода:
font — weight : bold ;
Если необходимо шрифт сделать нормальным:
font — weight : normal ;
Некоторые шрифты могут быть выполнены в различных насыщенных вариантах, поэтому CSS поддерживает градацию насыщенности шрифта, которая выражается в числах от 100 до 900. Запись вида:
font — weight : 300 ;
соответствует обычному начертанию шрифта.
Значение 800 — это жирный шрифт. Остальные цифры соответствуют разной насыщенности шрифта. Максимальное значение насыщенности шрифта 900. Обратите внимание данные числа указываются без величин измерения!
Также, есть очень простой способ сделать текст прописными буквами: свойство text-transform. Пример:
text — transform : uppercase ;
Для того, чтобы сделать текст курсивом используется свойство font-style:
font — style : italic ;
Напомним, что делать текст жирным начертанием и курсивом можно с помощью тегов и . Какой из способов выбрать в каждом конкретном случае решаете вы. Если необходимо единичное слово или букву сделать только жирной или курсивом, то логичнее использовать теги, если кроме этого присутствует другое оформление, то удобнее применить CSS стили. Напоминаем, что теги и , которые визуально делают текст жирным и курсивом, в HTML 5 выполняют семантическую роль, и применять их как замену тегам и ь не корректно.
В некоторых случаях необходимо изменить оформление не всего абзаца, а только слова, или одной буквы. Для этих случаев используется тег span. С помощью данного тега можно оборачивать сточные элементы и применять к ним оформление. К тегу span можно добавлять классы и id. Пример: