引导Wysiwyg编辑器:将数据以HTML保存到数据库，尝试将HTML以richtextbox格式发送回编辑器

本文关键字：HTML 编辑器 格式 richtextbox Wysiwyg 数据 保存 数据库 引导 | 更新日期: 2023-09-27 18:01:21

这样，我就有了Bootstrap-Wysiwyg中的富文本框编辑器。

如果文本框中包含:

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

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

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

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

当我使用Model将this文本放回编辑器时。值时，它不会将其转换为富文本，而是将文本当作字符串保存，并与保存在DB中的状态完全相同。

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

我一直在网上搜索，大多数功能都是指文件。这对我来说是一个新课题，所以任何关于如何解决这个问题的见解都是值得赞赏的。(在没有格式化的情况下编辑文本是令人讨厌的!)提前感谢!

引导Wysiwyg编辑器:将数据以HTML保存到数据库，尝试将HTML以richtextbox格式发送回编辑器

只是为了防止其他人被卡住，我能够通过执行以下操作来解决这个问题:

我创建了一个隐藏的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());
    });

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

相关文章：