TinyMCE 内联模式显示原始 HTML 而不是格式化输出

Question

我正在尝试将 inline mode of TinyMCE 与 MVC 5 页面一起使用。我在标准模式下使用 TinyMCE 编辑器创建了 HTML 内容，如下所示：

该数据被保存回数据库，然后检索并显示在不同的页面上。在该页面上，我设置了一个 TinyMCE 实例以在内联视图中显示该内容，如下所示：

  <div id="myeditablediv">@Model.LongDescription</div>

  <script src="~/scripts/tinymce/tinymce.min.js"></script>

  <script type="text/javascript">
    tinymce.init({
      selector: '#myeditablediv',
      entity_encoding: 'raw',

      inline: true
    });
  </script>

我希望在没有工具栏的可点击 TinyMCE 控件中显示格式化的 HTML，但它只显示原始 HTML:

点击控件确实将其切换到编辑模式并出现工具栏等：

因此在使用 <div id="myeditablediv">@Model.LongDescription</div> 设置 div 时，我似乎没有将要呈现的数据正确传递给控件？

Answer 1

我猜测您的代码在将 HTML 插入回页面时转义了它。我不知道 ASP.NET 但您可能可以对 @Model.LongDescription 做一些事情，让它将原始 HTML 放入页面中。

快速 google 搜索表明这可能是答案：

@Html.Raw(@Model.LongDescription)

TinyMCE 内联模式显示原始 HTML 而不是格式化输出

TinyMCE inline mode showing raw HTML rather than formatted output

asp.net-mvc

tinymce

tinymce-4