Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Цветной текст (https://javascript.ru/forum/misc/25683-cvetnojj-tekst.html)

(Sandr) 12.02.2012 19:15

Цветной текст
 
Добрый вечер. Подскажите, как сделать цветной/наклонный/подчёркнутый/зачёркнутый и т.д. текст внутри поля ввода?

nerv_ 12.02.2012 19:43

никак)

(Sandr) 12.02.2012 20:06

nerv_,
но ведь как-то делают!?! Видел подобное на некоторых сайтах сети.

Pavel M. 12.02.2012 20:11

это что ли нужно ?
<input style="color: red; font-style: italic; text-decoration: underline;">


люблю такие инпуты :-)

(Sandr) 12.02.2012 20:51

Pavel M.,
почти.. Нужно, чтобы, к примеру в инпуте после того, как пользователь ввёл [ b ]text [ /b] то этот текст стал жирным. Т.е. весь текст не должен быть в едином стиле, а должен быть в таком, какой пользователь захочет.

(Sandr) 12.02.2012 20:54

Вот пример того, как может/должен выглядеть текст в форме http://nytimes.github.com/ice/demo/

nerv_ 12.02.2012 22:15

интуиция меня не подвела :) применительно к Вашему вопросу
Цитата:

Сообщение от (Sandr)
как сделать цветной/наклонный/подчёркнутый/зачёркнутый и т.д. текст внутри поля ввода

Цитата:

Сообщение от nerv_
никак)

Вы вообще структуру документа смотрели по прилагаемой ссылке? Ваш "инпут" - это <div class="editor"></div>

Mахmахmахimus 13.02.2012 01:58

<div contenteditable="true"

style="
width: 300px; 
height: 70px; 
border: 1px solid; 
resize: both;
overflow: hidden; ">

<b> Полужирный текст </b></br>
<i> Наклонный текст  </i></br>
<font color="#CC0000"> Цветной </font>
</div>



в стили добавляй
resize: vertical, horizontal или both;
overflow: auto;

(Sandr) 13.02.2012 18:54

nerv_,
структуру не смотрел, совсем забыл про это))

Mахmахmахimus,
спасибо! Даже не слышал об этом атрибуте)


Часовой пояс GMT +3, время: 16:17.