提问人:sconners 提问时间:10/31/2023 最后编辑:sconners 更新时间:10/31/2023 访问量:20
如何从 ASP.Net Webforms 代码隐藏中设置 Summernote 文本
How to set Summernote text from ASP.Net Webforms codebehind
问:
我已将 Summernote 包含在 ASP.NET Webforms 页面中,但是当我尝试从代码隐藏中为其设置文本时,会出现 html 文本,但工具栏消失了。
这是 Summernote 在设置文本之前的样子......默认 Summernote 外观
这是尝试设置文本时的样子......设置文本
这是我对 Summernote 和 Bootstrap 的包含......
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/summernote-lite.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/summernote-lite.min.js"></script>
我的 Summernote html 和 javascript 是......
<p>
<asp:Label ID="lblBody" runat="server" Text="Body" class="myLargeFont"></asp:Label>
<textarea ClientIdMode="Static" id="summernote" name="summernote" runat="server" style="width:650px; height:550px;"></textarea>
<asp:ListBox ID="lstAttachments" runat="server" Visible="false" Height="200px" Width="150px"></asp:ListBox>
<asp:Button ID="btnShowAttachment" runat="server" Text="Load" Visible="false" />
</p>
<script>
$(document).ready(function () {
$('#summernote').summernote({
placeholder: 'Hello Bootstrap 4',
//tabsize: 2,
height: 300,
toolbar: [
// [groupName, [list of button]]
['fontname', ['fontname']],
['fontsize', ['fontsize']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['table', ['table']],
['insert', ['link', 'picture', 'video']],
['view', ['codeview']]
]
});
});
</script>
用于设置文本的按钮的代码是...
<p>
<asp:Button ID="btnAddEmail" runat="server" Text="Add email" class="myLargeFont" OnClick="btnAddEmail_Click" />
</p>
private static string summernoteTextTest()
{
string testText = "<p>This is some text for testing in summernote.</p><p>How does it look?</p>";
return testText;
}
protected void btnAddEmail_Click(object sender, EventArgs e)
{
string testtext = summernoteTextTest();
summernote.InnerText = testtext;
}
答: 暂无答案
评论