8

这是我的场景：

我希望能够创建类似的内容

<div> <a id="supportTile" class="contentModule" href="/Support"> <h2>支持</h2> </a> </div>

然而 tinyMCE 将其剥离为

<div> <h2>支持</h2> </div>

我的配置目前是这样的（使用 TinyMCE jQuery）：

script_url: _applicationRoot + "Scripts/tiny_mce/tiny_mce.js",
theme: "advanced",                    
plugins: "paste,filemanager,imagemanager,advimage,inlinepopups",
...
extended_valid_elements: "img[!src|border:0|alt|title|width|height|style|name|id|class],a[href|target|title|onclick|name|id|class],article[name|id|class],div[name|id|class],section[name|id|class]",
schema: "html5",               
...
convert_urls: true,
document_base_url: _applicationRoot

我尝试设置 verify_html: false 但没有运气。

我尝试删除 extended_valid_elements 并将其替换为：

valid_elements: "*[*]",
verify_html: false

也没有运气。

你能看出我的配置有问题吗？这完全可以实现吗？

谢谢！

4

2 回答 2

7

是的，这应该是可以实现的。为了能够产生像这样的输出

<div> <a id="supportTile" class="contentModule" href="/Support"> <h2>Support</h2> </a> </div>

您将不得不修改tinymce 设置valid_children和valid_elements。您需要注意，您可能需要放大一个默认设置。

valid_elements: "*[*]"由于希望将在最新版本或下一个版本中删除的错误，因此无法正常工作。

我使用此设置（我不使用 div 或 h2s）

valid_elements: "@[id|class|title|style],"
+ "a[name|href|target|title|alt],"
+ "#p,-ol,-ul,-li,br,img[src|unselectable],-sub,-sup,-b,-i,-u,"
+ "-span[data-mce-type],hr",

valid_child_elements : "body[p,ol,ul]"
+ ",p[a|span|b|i|u|sup|sub|img|hr|#text]"
+ ",span[a|b|i|u|sup|sub|img|#text]"
+ ",a[span|b|i|u|sup|sub|img|#text]"
+ ",b[span|a|i|u|sup|sub|img|#text]"
+ ",i[span|a|b|u|sup|sub|img|#text]"
+ ",sup[span|a|i|b|u|sub|img|#text]"
+ ",sub[span|a|i|b|u|sup|img|#text]"
+ ",li[span|a|b|i|u|sup|sub|img|ol|ul|#text]"
+ ",ol[li]"
+ ",ul[li]",
于 2013-01-30T12:07:15.277 回答
3

我找到了另一种方法，并想到了分享！有一个名为 allow_html_in_named_anchor的标志，它将任何 HTML 保存在锚点内。

于 2016-10-11T05:42:31.660 回答