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]'

我很确定这是＆＃34; valid_children＆＃34;修复问题的设置，但前面的其他设置是我先尝试的东西，当我尝试valid_children时，我在配置中有了它们。您可以尝试删除其他选项，只需使用valid_children查看它是否可行。

还有一个doctype选项可能有用;它控制TinyMCE创建的iframe的doctype。在HTML5中，<div>元素是a标记的有效子元素，因此如果tinyMCE代码正确应用了doctype或schema规则，我们就不必设置valid_children。（这就是为什么我在上面尝试过schema: 'html5'，但这似乎不起作用）

Answer 2

可能是TinyMCE更改HTML以匹配某些TinyMCE规则。您可以禁用TinyMCE模块，该模块将为您提供一个简单的文本区域，您可以在其中输入不会更改的HTML。

有一个TinyMCE deluxe module可能会让您选择更改此行为。

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

2 个答案: