c# - Orchard 文本编辑器无法保存我的HTML

Question

我使用Orchard CMS构建网站，并通过Orchard的文本编辑器添加了一个页面。
我输入以下代码并保存：

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html">
     <div class="image-wrapper">
          <img src="content/img/My Apps.png" />
      </div>
      <div class="column-text">
      <div class="text">Grid system</div>
          <div class="text">Layouts</div>
          <div class="text">Responsive design</div>
       </div>
     <span class="app-label">SCAFFOLDING</span>
</a>

但是我发现再次打开编辑器时，文本编辑器中的代码已更改，它们是：

<h2>Bootstrap Metro</h2>
<div class="image-wrapper"><img src="content/img/My Apps.png" /></div>
<div class="column-text">
<div class="text">Grid system</div>
<div class="text">Layouts</div>
<div class="text">Responsive design</div></div>
<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

更改后的代码为：

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

你能给我任何建议吗？

Answer 1

我可以通过更改TinyMCE选项来工作（在orchard-tinymce.js中，但是您可以尝试TinyMceDeluxe，它具有一些配置选项的替代方法）。

, forced_root_block: false
, preformatted: true
, schema: 'html5'
, valid_children: '+a[div],+a[span]'

我很确定这是解决问题的“ valid_children”设置，但其他设置是我首先尝试过的事情，当我尝试使用valid_children时，将它们放在了配置中。您可以尝试删除其他选项，而仅使用valid_children来查看其是否有效。

还有一个doctype选项可能有效；它控制TinyMCE创建的iframe的文档类型。在HTML5中，<div>元素是标签的有效子元素，因此，如果tinyMCE代码正确地应用了doctype或架构规则，则无需设置valid_children。 （这就是为什么我在上面尝试schema: 'html5'的原因，但是似乎没有用）