我可以在<textarea>标签内嵌入HTML格式吗?

Rob*_*gal 33 html

如果我有这样的textarea块......

<textarea name="myTextArea" cols="100" rows="20" readonly=readonly>
.. text area content ...
</textarea>
Run Code Online (Sandbox Code Playgroud)

如何在此文本块中嵌入HTML格式的文本?如果我可以认为以下应该工作......

<textarea name="myTextArea" cols="100" rows="20" readonly=readonly>
<b>Hello how are you today?</b>
</textarea>
Run Code Online (Sandbox Code Playgroud)

举个例子.但那句话并没有显示为粗体.也许我只是想做一些无法做到的事情?

MJB*_*MJB 29

我很确定答案是否定的 - 不能用textarea做到.

来自MDN文档:

HTML <textarea>元素表示多行纯文本编辑控件.

  • 允许的内容文本


Gab*_*abe 20

您需要改为使用WYSIWYG编辑器.

这是一个伟大的.

  • 与这个问题完全无关. (4认同)
  • @Rob是的,我们可以阅读,但这里有什么问题?他们想要一个允许标记的输入,因此格式化应用就像富文本编辑器一样.由于这与富文本编辑器的功能相匹配,因此无法成为问题的可能解决方案.我知道这就是出路,Rob和我在一起.Rob有更好的答案吗?好吧,如果是这样,它不在这里? (3认同)
  • @Rob如何向某人展示如何创建一个与询问如何在textarea中嵌入标记的问题无关的富文本编辑器. (2认同)

Seb*_*ony 13

是不可能的

<textarea> 
Run Code Online (Sandbox Code Playgroud)

用这个:

<div contenteditable="true">
</div>
Run Code Online (Sandbox Code Playgroud)

  • 这允许编辑```div```的内容,但不允许将内容显示为呈现的HTML.尝试在那里键入```<b> aoba </ b>```,它不会显示为**粗体**. (3认同)

Joh*_*ham 7

你是对的,不能做.

根据MDN," 字符数据 "是唯一允许的内容<textarea>.

正如其他答案所描述的那样,您正在寻找的是WYSIWYG编辑器,如CKEditor,TinyMCE或Kendo的编辑器.

这不是重点,但有趣的是,MDN在其HTMLTextAreaElement页面上列出了一些示例,介绍了如何在文本中动态添加HTML标签<textarea>以及如何为a 启用自动增长行为<textarea>.


37S*_*ars 6

你可以这样做(转换"特殊"字符):

<textarea name="myTextArea" cols="100" rows="20" readonly=readonly>
&lt;b&gt;Hello how are you today?&lt;/b&gt;
</textarea>
Run Code Online (Sandbox Code Playgroud)