MICUU
心情
所有
图集
登录
搜索
原创
如何editor.md实现超级链接从新标签打开?
盈手赠佳期
发布于:2021-02-26
我的编辑器用的是editor.md,但是有个缺点就是,插入的a链接不能从新标签打开,为了实现超链接从新标签打开,我还是费了几分钟的功夫的,下面是实现方式。 >  ---- 实现效果:[点击查看](http://micuer.com/new/333.html "点击查看") > 实现逻辑:当editormd初始化后,利用js获取a标签,并加上`_target='blank'` ## 代码 ``` <script> //markdown 转换 js代码 $(function () { var testEditormdView, testEditormdView2; testEditormdView2 = editormd.markdownToHTML("test-editormd", { htmlDecode: "style,script,iframe", // you can filter tags decode emoji: true, taskList: true, tex: true, // 默认不解析 flowChart: true, // 默认不解析 sequenceDiagram: true, // 默认不解析 }); //新窗口打开 //var links = document.links; var links = $("#test-editormd a"); console.log(links) for (var i = 0; i < links.length; i++) { // if (links[i].hostname != window.location.hostname) { // links[i].target = '_blank'; // } links[i].target = '_blank'; console.log(links[i]) } }); </script> ``` 以上代码有部分冗余,其实是实现了2中途径,大家可以选择合适的,然后删除其他的代码。
注:原创不易,转载请注明出处(
https://micuu.com/new/1449.html
),本站所有资源来源于网络收集,如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-21
上一篇:
livewire组件介绍及下载-php实现类似vue组件的功能
下一篇:
linux检测mysql是否停止[运行状态]
留言反馈
请先登录
问题反馈渠道,如有软件无法下载或者其他问题可反馈。【由于某种原因,目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>