Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2012, 19:15
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Цветной текст
Добрый вечер. Подскажите, как сделать цветной/наклонный/подчёркнутый/зачёркнутый и т.д. текст внутри поля ввода?
Ответить с цитированием
  #2 (permalink)  
Старый 12.02.2012, 19:43
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

никак)
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #3 (permalink)  
Старый 12.02.2012, 20:06
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

nerv_,
но ведь как-то делают!?! Видел подобное на некоторых сайтах сети.
Ответить с цитированием
  #4 (permalink)  
Старый 12.02.2012, 20:11
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

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


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

Последний раз редактировалось Pavel M., 12.02.2012 в 20:13.
Ответить с цитированием
  #5 (permalink)  
Старый 12.02.2012, 20:51
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Pavel M.,
почти.. Нужно, чтобы, к примеру в инпуте после того, как пользователь ввёл [ b ]text [ /b] то этот текст стал жирным. Т.е. весь текст не должен быть в едином стиле, а должен быть в таком, какой пользователь захочет.
Ответить с цитированием
  #6 (permalink)  
Старый 12.02.2012, 20:54
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Вот пример того, как может/должен выглядеть текст в форме http://nytimes.github.com/ice/demo/
Ответить с цитированием
  #7 (permalink)  
Старый 12.02.2012, 22:15
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

интуиция меня не подвела применительно к Вашему вопросу
Сообщение от (Sandr)
как сделать цветной/наклонный/подчёркнутый/зачёркнутый и т.д. текст внутри поля ввода
Сообщение от nerv_
никак)
Вы вообще структуру документа смотрели по прилагаемой ссылке? Ваш "инпут" - это <div class="editor"></div>
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #8 (permalink)  
Старый 13.02.2012, 01:58
Профессор
Посмотреть профиль Найти все сообщения от Mахmахmахimus
 
Регистрация: 10.02.2012
Сообщений: 254

<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;

Последний раз редактировалось Mахmахmахimus, 13.02.2012 в 02:22.
Ответить с цитированием
  #9 (permalink)  
Старый 13.02.2012, 18:54
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Выравнять три дива в одной строке debugx (X)HTML/CSS 9 06.10.2011 12:03
lastChild работает в IE, как тут быть? Puaris83 Firefox/Mozilla 4 17.04.2010 23:56
Вопрос по относительному позиционированию DIV XPOMOB (X)HTML/CSS 11 15.07.2009 17:02