Можете ли вы иметь список HTML внутри <textarea>, и это выглядит как список?

Question

Я попытался

<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea>

, чтобы посмотреть, смогу ли я добавить html-список в <textarea>, но он просто отображается как текст.Есть ли способ показать его в виде списка внутри текстовой области?

Answer 1

Вы не можете иметь HTML внутри textarea s - это только для простого текста.Тем не менее, вы можете попробовать использовать contentEditable для этого.Результат не очень хороший, но вы будете судьей, хотите ли вы его использовать или нет.Просто используйте что-то вроде этого:

<div class="editable" contenteditable="true">
    <ul>
        <li>List item</li>
        <li>List item</li>
    </ul>
</div>

Проблемы с этим методом состоят в том, что трудно предсказать, какой HTML-код создаст браузер, и что некоторые из созданного HTML-кода действительно ужасны, и чточтобы санировать ввод гораздо больше, чем с помощью простого текста.Кроме того, интерфейс для этого не указан в спецификациях, поэтому вы будете иметь дело с разными интерфейсами в разных браузерах.

См .: http://www.jsfiddle.net/yijiang/bN2tm/ и http://html5demos.com/contenteditable

Answer 2

Это невозможно.

textarea предназначен для отображения и редактирования текста , а не HTML.

Answer 3

Невозможно, чтобы ваш HTML внутри <textarea> отображался как HTML.

Если вы хотите, чтобы ваши пользователи могли редактировать и изменять содержимое списка, вы можете попробовать использовать WYSIWYG HTML-редактор, например FCKEditor или TinyMCE .

Это немного излишне, если вам просто нужна функциональность списка и никакие другие возможности редактора форматированного текста, но оба этих редактора могутбыть полностью настроенным урезанным.Посмотрите пример FCKEditor с именем "Custom Toobar".