CODEWITHSUNDEEP
javascripttinymcewysiwygtext-editor
emilly
emilly

Reputation: 10530

How to open hyperlink in new window under tinymce text editor?

I have below configuration for tinymce. I want to open the result of hyperlink click in separate tab or window. I used theme_advanced_link_targets : "_blank" as shown below but did not help. Is there any other cofig paramter for this?

  var tinyMCESettings = {
    theme : "advanced",
    plugins : "preview",
    readonly : readOnly,
    theme_advanced_buttons1 : "forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull",
    width : width,
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "false",
    theme_advanced_link_targets : "_blank",
    forced_root_block : false,
    relative_urls : false,
    remove_script_host : false
  }

Upvotes: 8

Views: 10088

Answers (2)

anagnostatos
anagnostatos

Reputation: 535

For TinyMCE 4.0.23 you can use the (undocumented) option:

default_link_target:"_blank"

as is:

tinymce.init({
    selector: "textarea.rta",
    auto_focus: rta_auto_focus,
    forced_root_block : false,
    statusbar:  false,
    menubar:    false,
    content_css : "content.min.css",
    plugins: [
        "autolink lists link autoresize",
        "searchreplace code",
        "paste"
    ],
    default_link_target:"_blank",
    toolbar: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link"
});

Upvotes: 18

emilly
emilly

Reputation: 10530

Got it resolved with parameter

    extended_valid_elements : "a[href|target=_blank]"

Upvotes: 9

Related Questions