форматирование части текста внутри текстового поля

Question

Предположим, у вас есть текстовое поле на веб-странице. Значение внутри текстового поля: «Это ваш текст приветствия». Есть ли способ, которым я могу обеспечить красный цвет, чтобы «приветствовать», а не другими словами.

Короче говоря, применяя стиль к некоторой части текста внутри текстового поля.

Может ли какой-нибудь орган предложить способ сделать это?

Answer 1

Право RoToRa, за исключением того, что вам нужно использовать TRUE, а не да.

Код ниже работает. Вам нужно будет придать ему стиль, чтобы он выглядел как текстовое поле. Например, в Firefox, когда вы щелкаете по нему, вокруг него появляется уродливая рамка. Но это то, что вы хотите.

<div contenteditable="true" style="width:200; border:1px solid black; padding:1.5;">
This is your <b style="color:red";>welcome</b> text
</div>

Попробуйте использовать CSS для стилизации вместо использования встроенного стиля. Поскольку у вас много текстовых полей, так будет лучше. Я просто сделал это, используя встроенный стиль, чтобы дать вам представление о том, как вы можете сделать его более похожим на текстовое поле. Граница и небольшой отступ. И тогда вам также понадобится сделать это своего рода прокручиваемым div. Но это другой вопрос.

Answer 2

Не с текстовым полем.Вы можете использовать div или какой-либо другой элемент с contentEditable set

<div contentEditable="true">
This is your <b style="color:red";>welcome</b> text
</div>

Однако существуют предостережения в зависимости от того, что вы хотите сделать с этим текстом.

Answer 3

Вы не можете делать какие-либо стили в <textarea>, кроме стилей CSS, которые применяются ко всему тексту внутри него.Большинство редакторов форматированного текста программно заменяют текстовое поле на iframe с contentEditable, установленным в true.То, как они делают это, чтобы сделать его бесшовным, является относительно продвинутым и сложным, но может быть сделано.

Я бы порекомендовал просто использовать готовый текстовый редактор для ваших нужд, но если вы хотите создать свой собственный, есть множество доступных ресурсов .

Answer 4

Невозможно, если вы не используете какой-либо форматированный текстовый редактор , такой как CKEditor , TinyMCE и т. Д. Но опять же я не думаю, что этоСтоит включить богатый редактор для такой незначительной задачи.