jquery - textarea 如何格式化里面有 HTML 标签，但不显示？

Question

这个问题很难用语言来表达，但我有一些视觉效果来告诉你我的意思。

文本

如果我得到它在我的应用程序中播放得很好的.val“文本” <textarea>，它会很好地反映 wordpress 文本区域。

---

我的问题是，如果我得到.val()它显示的带有<p>标签的“视觉”（tinyMCE）内容

我的插件

我知道 wordpress tinyMCE 在里面iframe并用 firebug 来查看它，它实际上并不是<textarea>它只是使用纯 HTML contentEditable="true"，我怀疑这是我的问题。

因此，如果您不熟悉我所说的内容，我可以问我如何.val()从（更改）纯 HTML 而不<p>在我的 textarea 中显示标签？我需要将其发送到隐藏的输入吗？

任何帮助都会很棒，这绝对让我恼火。

Answer 1

val 准确返回 textarea 中的内容。在您的第一个示例中，它看起来像是从渲染（或 WYSIWTG 编辑器中的查看模式）文本区域中显示和检索，因此没有 p 标签附带它。在第二。您正在查看代码视图，因此代码将随之而来。

您可以遍历代码并摆脱任何

  <p> and </p> tags 

但这不是一个好的解决方案，因为可能存在无数其他标签。

相反，您能告诉我您如何处理通过 val() 获取的代码吗？一种可能的解决方案是简单地将他的代码、标签和所有内容输出到 div 或 span 中，然后浏览器将正确使用这些标签（即

将提供段落缩进，更改字体和颜色等）

$("#myTargetDiv").append($("#myTextArea").val());