textarea如何格式化HTML标签,但不显示?

时间:2013-09-21 23:01:34

标签: jquery html

很难说出这个问题,但我有一些视觉效果可以告诉你我的意思。

文字

enter image description here

如果我得到“{1}}”.val,它在我的应用中播放效果很好,它会很好地反映出wordpress textarea。


我的问题是,如果我获得<textarea>标签显示的{visual}(tinyMCE)内容{/ 1}

我的插件

enter image description here

我理解wordpress tinyMCE在.val()里面并用firebug查看它,它实际上不是<p>它只是使用iframe的纯HTML,我怀疑这是我的问题。

因此,如果您不熟悉我所说的内容,我可以问一下如何在不在我的textarea中显示<textarea>标签的情况下从{更改}纯HTML获取contentEditable="true"?我是否需要将其发送到隐藏输入?

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

1 个答案:

答案 0 :(得分:1)

val返回textarea中的内容。在您的第一个示例中,它看起来像是在渲染(或WYSIWTG编辑器中的视图模式)textarea中显示和检索,因此没有p标签。在第二。您正在查看代码视图,因此代码将随之附带。

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

  <p> and </p> tags 

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

相反,你能告诉我你通过val()获取的代码是怎么做的吗?一种可能的解决方案是简单地将他的代码,标签和所有内容输出到div或span中,然后浏览器将正确使用这些标签(即

将提供段落缩进,更改字体和颜色等)< / p>

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