TinyMCE编辑器更改链接打开的方式

945 阅读2分钟

项目中最近在用tinymce编辑器,我最近也是疯狂在磕tinymce的文档,中英文都在学习。这次是测试的时候发现了一个小问题,关于链接打开的方式的。现在文档中默认的是使用当前页打开链接的。现在需要换一种打开方式。

一:发现问题

tinymce默认是使用当前页打开链接的方式的。下拉会有另外的选项,新开页打开。

如果是默认的话就会有问题,如果我在当前页面的编辑器中输入了一个网址,并且还没有进行保存当前页面中所有的内容。同时又需要在当前页面中预览我在编辑器中输入的内容,这种情况下都是正常的。但是当我在点击当前页面中预览的地址的时候,默认是当前页面打开的。这个时候我页面中所有未保存的数据都会刷掉的,同时用浏览器的返回当前输入的页面的时候,当前页面的数据都没有了,这种情况是很不友好的,然后就提出了,不要当前页面打开,用新开页。

二:寻找方法

为了解决这个问题,就又去看了TinyMCE文档,最近真的是在疯狂学习文档,查看文档,解决问题等。在学习文档的时候看到了这个属性:default_link_target:"_blank"

这是在英文文档中找到的,表示的是此选项允许您在通过链接对话框插入/编辑链接时为链接设置默认目标值。如果default_link_target的值与target_list选项指定的值匹配,则该项将被设置为链接对话框中目标下拉列表的默认项。同时此选项也适用于自动链接插件。

使用方式是在组件初始化的地方添加上这个属性,就可以实现了。

添加后的效果就默认是新开页打开链接了。

三:总结

因为最近项目中使用的tinymce插件,所以遇到的问题挺多的,为了这些问题中英文的文档都在学习。这个属性更改后所有的链接都默认是新开页打开了,如果在插入/编辑链接的时候选择的是当前页,也是可以的,那么当前插入的链接使用的是当前窗口打开的话,那就是正常的当前窗口打开。不特殊选择的话,默认就是新窗口打开链接。