c# - Bootstrap Wysiwyg Editor : Saved Data in HTML to Database, 尝试将 HTML 以 richtextbox 格式发送回编辑器

Question

所以，我有来自 Bootstrap-Wysiwyg 的富文本框编辑器。

如果文本框包含: 这是一个大胆的声明。

然后我的数据库会将文本保存为:(使用我插入 editor.html() 的隐藏选项卡)

<b>This is a bold statement.<b>

如果我再次保存该文件，RTF 会将其转换为:

<b>This is a bold statement.<b>

当我使用 Model.Value 将此文本放回编辑器时，它不会将其转换为富文本，而是将文本保留为字符串，并按照它在数据库中的保存方式准确说明它。

如何转换模型中的文本以显示在富文本编辑器格式中？

我在网上搜索了很多次，大多数功能都与文件有关。这对我来说是一个新主题，因此欢迎任何有关如何解决此问题的见解。 (在没有格式的情况下编辑文本是令人讨厌的!)提前致谢!

Answer 1

为了防止其他人卡住，我可以通过执行以下操作来解决此问题:

我创建了一个隐藏的 div(我首先用我的模型填充它):

<textarea style="display: none;" id="editorCopy" name="body">@Model.Body</textarea>

并让我的编辑器 div 为空:

<div id="editor" contenteditable="true">
    </div>

在我的 JQuery 中:

我将我的编辑器文本设置为隐藏的 div 值，并在提交时将隐藏的 div 替换为我的编辑器文本:

    $('#editor').html($('#editorCopy').val());

    $('#postSubmit').click(function () {
         $('#editorCopy').val($('#editor').html());
    });

这允许我的富文本在编辑时显示。可能有更好的解决方案，但至少这是可行的! :]