2012-01-23 5 views
4

Я ищу для отображения html в текстовой области. Можно ли отображать <div> элементы формы формы внутри <textarea> с использованием javascript или jquery?дисплей div внутри текстовой области

+0

Вы можете поместить только содержимое html внутри 'textarea', но вы не можете отобразить его как элемент внутри контейнера. – Samich

+0

Вы можете взглянуть на некоторые из существующих редакторов WYSIWYG с открытым исходным кодом. Если ваш проект не построит WYSIWYG, я настоятельно рекомендую использовать его, поскольку для совершенствования и поддержки WYSIWYG очень много работы. Он часто состоит из хаков, поэтому кросс-браузерная оптимизация - это b ** ch. Лично я использую www.ckeditor.com. –

+0

Если вам нужно было сделать что-то подобное, вы бы посмотрели на то, чтобы сделать фон textarea прозрачным и абсолютно позиционировать контент, который вы хотите позади текстового поля. – Undefined

ответ

7

Вы не можете размещать элементы HTML внутри текстовой области, а только текстовое содержимое.

+0

@Juicy Scripter Nice счетчик :-) – Exception

+0

'только текст содержание' охватывает эта часть. – JaredMcAteer

0

Нет, это невозможно (он не будет отображать пользовательский интерфейс). Если вы хотите показывать поля формы, почему вы используете textarea? Вы можете просто использовать обычный html.

0

Как таковой, использовать html-теги в <textarea> невозможно. Вы должны найти обходное решение.

12

Вы не можете поместить div в textarea, но иногда вам нужно это делать. Хорошая новость заключается в том, что вы можете сделать это иначе, используя contenteditable свойство элементов. Подобно

<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv"> 
</div> 

Это Div будет вести себя точно так же, как и Textarea, но вы можете добавить все, что захотите. И помните, когда вы хотите, чтобы захватить данные внутри него в JQuery

var ContentofDiv = $('#txtDiv').html(); 

Теперь вы можете добавить Чайлдс так же, как другие.

Смежные вопросы