javascript - jQuery - 获取包含 HTML 标签的文本区域的值

标签 javascript jquery html richtext

编辑:

使用$.text()按预期工作,问题源于其他地方。我不会删除该问题以供将来引用,以防有人遇到看似相同的问题。另请查看已接受的解决方案答案。

<小时/>

我正在开发一个富文本编辑器,它可以从textarea读取内容。并创建一个可编辑的 div使用该内容。

问题是我似乎无法从文本区域获取 HTML 标签,只能获取纯文本。

HTML 代码

<textarea id="rtf-1">
    <h2>Big monster&nbsp;</h2><p>Kosova long crowing rooster test.</p>
</textarea>

Javascript代码

var html = $('#rtf-1').html();

不知道为什么,但是 var html总是“大怪物科索沃长鸣公鸡测试。”,标签在这个过程中的某个地方被暗杀。当我尝试使用 $.text() 时,也会发生同样的情况或$.val() .

我需要var html成为<h2>Big monster&nbsp;</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/

相关文章:

javascript - 在angularjs指令链接函数中更改元素类

javascript - 无法让 .click() 在禁用的文本区域上工作

html - 设置 div 高度以填充剩余高度

html - 在 Chrome 上将 drawImage 与 Canvas 一起使用非常慢

javascript - 进度条仅适用于页面加载/重新加载

javascript - Mongodb 异步等待与 Express

javascript - ReactJS:如何在选择输入上显示占位符

jQuery UI 可拖动 iFrame 内容

javascript - 编辑器 : Attache "keydown" event after SetData?

jquery - fadeOut 回调在动画完成之前执行