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

时间:2017-12-08 12:59:27

标签: asp.net-mvc tinymce tinymce-4

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

standard TinyMCE in edit mode

该数据将保存回数据库,然后检索并显示在其他页面上。在该页面上,我设置了一个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:

inline TinyMCE in read mode

单击控件会将其切换到编辑模式,工具栏会出现等:

inline TinyMCE in edit mode

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

1 个答案:

答案 0 :(得分:1)

我猜你的代码在将HTML插回到页面时会转义HTML。我不了解ASP.NET,但您可以对@Model.LongDescription做一些事情,让原始HTML放入页面。

快速谷歌搜索建议这可能是答案:

@Html.Raw(@Model.LongDescription)