Bootstrap Wysiwyg 编辑器：将 HTML 中的数据保存到数据库，尝试将 HTML 以richtextbox 格式发送回编辑器答案

【问题标题】：Bootstrap Wysiwyg Editor: Saved Data in HTML to Database, trying to send the HTML back to the editor in richtextbox formatBootstrap Wysiwyg 编辑器：将 HTML 中的数据保存到数据库，尝试将 HTML 以richtextbox 格式发送回编辑器
【发布时间】：2014-05-03 02:40:32
【问题描述】：

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

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

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

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

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

&lt;b&gt;This is a bold statement.&lt;b&gt;

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

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

我已经在网上搜索了很多，大多数功能都是指文件。这对我来说是一个新主题，所以任何关于如何解决这个问题的见解都值得赞赏。（在没有格式的情况下编辑文本令人讨厌！）提前致谢！

【问题讨论】：

标签： c# html twitter-bootstrap wysiwyg

【解决方案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());
    });

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

【讨论】：