使用 HTMLEditorExtender 时如何在 Javascript 中获取 TextBox 的 HTML 代码答案

【问题标题】：How to Get HTML Code of TextBox in Javascript when using HTMLEditorExtender使用 HTMLEditorExtender 时如何在 Javascript 中获取 TextBox 的 HTML 代码
【发布时间】：2018-08-20 05:33:47
【问题描述】：

我在我的网站中使用 HTMLEditorExtender ajax 工具。我的数据以 html 格式保存到数据库中，并在我的项目中检索它。一切正常。但是...
当我尝试使用 jquery ajax 做同样的事情时，我无法获取我的内容的 HTML 代码（带有 html 标签）。我正在使用它来获取 TextBox 值

var Value = $("[id*=txtContent]").val();

假设我有内容“你好，我的名字是 Shaiwal Tripathi”。我想实现这个...

<p>Hello My Name is Shaiwal <b>Tripathi</b></p>

但我得到的是没有任何 html 标签的纯文本

我试过 var Value = $("[id*=txtContent]").text(); 和

var Value = $("[id*=txtContent]").html();

但是没有成功...请帮忙

【问题讨论】：

标签： javascript jquery html asp.net asp.net-ajax

【解决方案1】：

你可以试试下面的代码

如果你的代码喜欢

<asp:TextBox ID="txtEditor" runat="server" Width="300" Height="200" />
<asp:HtmlEditorExtender ID="HtmlEditorExtender1" runat="server" TargetControlID="txtEditor">
</asp:HtmlEditorExtender>

用下面的javascript试试

$("#HtmlEditorExtender1_ExtenderContentEditable").innerHTML;

或

document.getElementById("HtmlEditorExtender1_ExtenderContentEditable").innerHTML;

【讨论】：

【解决方案2】：

参考此链接。您需要创建一个 HtmlEditorExtender 实例，然后您可以使用 jQuery 获取或设置值。

https://forums.asp.net/t/1784909.aspx?Get+Set+HtmlEditorExtender+content+via+javascript+or+jquery+

【讨论】：