【问题标题】:TInyMCE Preview Plugin : Link is not clickableTInyMCE 预览插件:链接不可点击
【发布时间】:2017-04-21 14:01:41
【问题描述】:

我使用的是 TinyMCE 4,我已将源内容作为链接插入

<a href="http://google.com">Sample Link</a>

在 TinyMCE 中插入上述内容后,如果我点击 TinyMCE 的预览按钮,则锚标记以链接的形式出现,但不可点击。

谁能指导我们如何将锚点设为可点击?

我关注了以下链接(通过添加 default_link_target: "_blank"): https://community.tinymce.com/communityQuestion?id=90661000000MrWjAAK & How to open hyperlink in new window under tinymce text editor? 但似乎没有一个工作。

但似乎没有任何工作。

【问题讨论】:

    标签: tinymce tinymce-4


    【解决方案1】:

    preview 插件具有专门阻止链接可点击的代码。如果您查看插件的 JavaScript 代码,您会看到如下内容:

    var preventClicksOnLinksScript = (
      '<script>' +
        'document.addEventListener && document.addEventListener("click", function(e) {' +
            'for (var elm = e.target; elm; elm = elm.parentNode) {' +
              'if (elm.nodeName === "A") {' +
               'e.preventDefault();' +
              '}' +
            '}' +
        '}, false);' +
      '</script> '
    );
    

    此代码专门用于解决可能导致preview 中的链接无意中删除编辑器实例的问题。

    如果您在预览窗格中单击具有target=_top 的链接,您最终会炸毁编辑器并将其替换为该链接的内容 - 可能不是您想要的。

    【讨论】:

    • 嗨@Michael 谢谢你的回复。我知道如果我将这部分代码更改为 ' preventClicksOnLinksScript = ""; ' 那么链接也是不可点击的。我同意删除编辑器实例的问题,但我目前的需求是,我想启用点击事件,所以它应该重定向到新页面。有什么办法解决吗?
    • @AnkitShah 如果您不希望该代码成为preview 插件的一部分,您将需要修改插件以从预览窗格中的呈现内容中删除该代码。请记住,每次更新 TinyMCE 时,您都需要重新应用更改。
    • 感谢您的回复。 >>从预览窗格中的呈现内容中删除该代码
    • @AnkitShah 我会修改非缩小代码,然后在编辑后创建一个新的缩小版本。我会用非缩小版本测试你的更改,以确保它首先工作,然后在完成后缩小。如果您使用非缩小版本加载 TinyMCE 本身,它也会使用非缩小代码加载所有插件。
    【解决方案2】:

    我知道这是一个旧线程,但也许它会帮助那里的人。如果您希望链接在 tinymce prevew 插件的新窗口中打开,请删除此脚本:

    &lt;script&gt;document.addEventListener &amp;&amp; document.addEventListener("click", function(e) {for (var elm = e.target; elm; elm = elm.parentNode) {if (elm.nodeName === "A") {e.preventDefault();}}}, false);&lt;/script&gt;

    并改为放置这个:

    &lt;script&gt;function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a &lt; c.length;a++) { var b = c[a]; b.getAttribute("href") &amp;&amp; b.href.hostname !== location.hostname &amp;&amp; (b.target = "_blank") } } ; externalLinks();&lt;\/script&gt;

    享受吧!

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-04-02
    • 1970-01-01
    • 2015-05-29
    • 2018-08-21
    • 2014-01-22
    • 1970-01-01
    • 2012-10-06
    相关资源
    最近更新 更多