编辑:
使用$.text()
按预期工作,问题源于其他地方。我不会删除该问题以供将来引用,以防有人遇到看似相同的问题。另请查看已接受的解决方案答案。
我正在开发一个富文本编辑器,它可以从textarea
读取内容。并创建一个可编辑的 div
使用该内容。
问题是我似乎无法从文本区域获取 HTML 标签,只能获取纯文本。
HTML 代码
<textarea id="rtf-1">
<h2>Big monster </h2><p>Kosova long crowing rooster test.</p>
</textarea>
Javascript代码
var html = $('#rtf-1').html();
不知道为什么,但是 var html
总是“大怪物科索沃长鸣公鸡测试。”,标签在这个过程中的某个地方被暗杀。当我尝试使用 $.text()
时,也会发生同样的情况或$.val()
.
我需要var html
成为<h2>Big monster </h2><p>Kosova long crowing rooster test.</p>
。关于如何做到这一点有什么建议吗?
感谢您阅读我的回答。除了文本区域内容(值)本身之外,我并不是在寻找初始化富文本编辑器的替代方法,而且我当然不是在寻找现有的 RTF 编辑器,例如 TinyMCE。如果可以的话,请回答上面的问题。
最佳答案
textarea
元素实际上并不保存 HTML,因此要获得表示 HTML 的字符串的等效项,您需要使用 .text()
。例如,
$('#render-to-me').html($('#rtf-1').text());
这里有一个 JSFiddle 来演示:http://jsfiddle.net/44xjew92/
关于javascript - jQuery - 获取包含 HTML 标签的文本区域的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26367150/