2017-04-21 13 views
0

クリックできない私は、私はTinyMCEは、コンテンツの上に挿入した後、リンクTinyMCEのプレビュープラグイン:私はTinyMCEをのプレビューボタンをクリックするとリンクが

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

としてソースコンテンツを挿入したTinyMCEの4を使用していますアンカータグはリンクの形で表示されますが、クリック可能ではありません。

どのようにアンカーをクリックできるようにすることができますか?

私は(default_link_target追加して: "_blank")を:リンクの下に続いている https://community.tinymce.com/communityQuestion?id=90661000000MrWjAAK & How to open hyperlink in new window under tinymce text editor? が、どれも働いているように見えるん。

しかし、いずれも機能していないようです。

答えて

1

previewプラグインには、リンクがクリック可能にならないようにするコードがあります。このコードは、意図せずにエディタインスタンスを削除するにはpreviewにリンクを引き起こす可能性がある問題に対処するために特別にあり

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> ' 
); 

:あなたはプラグイン用のJavaScriptコードを見ると次のように表示されます。

プレビューウィンドウでtarget=_topのリンクをクリックすると、エディタが吹き飛ばされ、そのリンクの内容に置き換えられます。

+0

こんにちは@マイケル返信ありがとうございます。私はこのコードの部分を 'preventClicksOnLinksScript = ""に変更すると分かります。 'リンクもクリックできません。私はエディタインスタンスを削除する問題について同意しますが、私の現在の必要性は、私はclickイベントを有効にしたいので、新しいページにリダイレクトする必要があります。その周りには道がありますか? –

+0

これは関連しているようです:https://community.tinymce.com/communityQuestion?id=90661000000MrWjAAK&http://stackoverflow.com/questions/18886712/how-to-open-hyperlink-in-new-window- under-tinymce-text-editorであるが、どれもうまくいかないようだ。 –

+0

@AnkitShahプレビューペインのレンダリングされたコンテンツからそのコードを削除するためにプラグインを変更する必要がある 'preview'プラグインの一部でないようにするには、 TinyMCEを更新するたびに、変更を再適用する必要があることを覚えておいてください。 –

関連する問題