使 umbraco 中的 tinymce 接受 html 5 个标准

Question

我正在尝试发布一篇 html 到 umbraco。

我设法设置 tinymce 接受所有 html 标签，但是，仍然有一些错误的转换。

当我发表这篇文章时html:

<div class="col-md-4">
    <a href="" class="card-link">
      <div class="panel panel-default">
        <div class="panel-body">
          <h2 class="card-link-title">Currencies</h2>
          <i class="card-link-icon icon icon-money-currencies"></i>
        </div>
      </div>
    </a>
</div>

转化为：

 <div class="col-md-4">     
      <div class="panel panel-default">
        <div class="panel-body">
          <h2 class="card-link-title">Currencies</h2>
          <i class="card-link-icon icon icon-money-currencies"></i>
        </div>
      </div>
</div>

a 标签已删除。根据新的 html5 标准，标签下的 div 是有效的（http://w3c.github.io/html-reference/a.html#a-changes），所以我想知道是否有办法让 umbraco 中的 tinymce 接受 [=24] =]原样

Answer 1

快速浏览 /umbraco_client/tinymce3/tiny_mce_src.js 会发现一个名为 getHTML5() 的函数，其中似乎定义了这些规则。在我的 7.4.0 测试站点中，我将第 2507 行更改为

'a[A|href|target|ping|rel|media|type][B][div]' +

但这并没有真正做任何事情，即使您在 /umbraco_client/tinymce3/tiny_mce.js 中进行了相同的更改，因为 RTE 编辑器完全使用不同的 JS，即 /umbraco/lib/tinymce/tinymce.min.js 我在其中找不到相同的功能 :-s

我没有时间做更多的调查，但也许这能让你更进一步？

Answer 2

您需要编辑 umbraco/lib/tinymce/tinymce.min.js 中的 javascript。（Jannik Anker在另一个回答中提到的文件是tinymce的遗留版本，不再使用）

寻找一行

n("a","href target rel media hreflang type",u)

并尝试将其修改为

n("a","href target rel media hreflang type",u,"div")

确保在编辑后清除浏览器缓存，以便使用更新后的文件。

使 umbraco 中的 tinymce 接受 html 5 个标准

Make tinymce in umbraco accept html 5 standards

html

tinymce

umbraco