Question

以下是插件的配置。

theme: "modern",
    toolbar: "link, image, styleselect, formatselect forecolor backcolor | bold,italic,underline | bullist,numlist,outdent,indent | undo,redo | pastetext,pasteword,selectall | code fullscreen",
    pagebreak_separator: "<p class='page-separator'>&nbsp;</p>",
    plugins: 'link image code fullscreen wordcount textcolor',
    relative_urls: false,
    remove_script_host: false,
    image_caption: true,
    cleanup_on_startup: false,
    trim_span_elements: false,
    verify_html: false,
    cleanup: false,
    convert_urls: false,
    valid_elements: '*[*]',
    valid_children: '*[*]',
    allow_html_in_named_anchor: true,
    allow_unsafe_link_target: true,
    force_br_newlines: false,
    force_p_newlines: false,
    forced_root_block: '',
    document_base_url: (!window.location.origin ? window.location.protocol + "//" + window.location.host : window.location.origin) + "/"

所以，我要做的是将带有背景图像的div块放入标签中。正如您所看到的，我实现了一些禁用源代码验证的选项，但仍然可以编辑我的代码。我需要的例子：

<a href="http://mosplitka.ru/uploads/Cersaie/cersaie_17.jpg" data-gallery="cersaie">
    <div class="page-gallery-item-bg" style="background-image:url('http://mosplitka.ru/uploads/Cersaie/medium_cersaie_17.jpg'); ">        
    &nbsp;</div>&nbsp;
</a>

关闭源代码面板后我得到的结论：

<div class="page-gallery-item-bg" style="background-image: url('http://mosplitka.ru/uploads/Cersaie/medium_cersaie_17.jpg');">&nbsp;</div>
<a href="http://mosplitka.ru/uploads/Cersaie/cersaie_17.jpg" data-gallery="cersaie">&nbsp; </a>

Answer 1

我想我找到了它。我确信参数valid_children：' []'包括标签的所有变体，但显然不是。所以我把它改成了valid_children：'a [div]'并且结果很好。仍然无法弄清楚为什么第一个版本没有成功。希望这会对某人有所帮助。

TinyMCE不允许将div块放入标记中

1 个答案: