Orchard文本编辑器无法保存我的html

Question

我正在使用orchard CMS建立一个网站,我通过果园的文本编辑器添加了一个页面.我输入以下代码并保存:

<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的doctype.在HTML5中,<div>元素是a标记的有效子元素,因此如果tinyMCE代码正确应用了doctype或schema规则,我们就不必设置valid_children.(这就是我schema: 'html5'上面试过的原因,但这似乎不起作用)