Как отобразить HTML в текстовой области

Question

Дорогие, я сохраняю отформатированный текст (полужирный, измененный шрифт, стиль ... и т. Д.) В поле nvarchar (max), для некоторого поля Description, на другом этапе, я хочу иметь возможность редактировать это описание поэтому на странице редактирования я читаю исходную информацию, заполняю ее в полях и жду, пока пользователь не изменит ее и сохранит, это работает для всех типов обычных текстовых полей, а также с обычным текстом, отображаемым в текстовой области , но когда я заполняю текстовую область стилизованным текстом, он показывает код HTML, а не его результат, например, он показывает:

<span style="font-weight: bold; text-decoration: line-through;">SM</span><span style="background-color: rgb(51, 102, 255);">ART</span><br>

Вместо того, как это должно выглядеть, любые предложения о том, как я могу сделать так, чтобы textArea (обычное текстовое поле asp.net с режимом, установленным на многострочное отображение), отображал HTML как он должен выглядеть, а не код ??

Answer 1

Невозможно отобразить результат HTML в элементе управления TextArea / TextBox. Но для отображения результата HTML у вас есть много вариантов.

Как сказал Шналле, лучший и простой способ использования редактора. Как tinyMCE или FCKEditor.

В проекте я использовал div для отображения и редактирования содержимого HTML. Это позволяет пользователям редактировать, копировать, вставлять, выделять жирным шрифтом, выделять курсивом и т. Д.

<div runat="server" ID="divContent" contenteditable="true"> 
    Editable Area, set your content here...
</div>

Может быть, вы можете комбинировать textarea и div, чтобы делать то, что вы хотите.

Answer 2

Если вы хотите, чтобы он отображал код, используйте & lt; как <и & gt; как> Например:

<textarea>
&lt;html&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>

Answer 3

вам нужен wysiwyg-редактор, например tinyMCE http://tinymce.moxiecode.com/