网站首页 > 知识剖析 正文
我的编辑器用的是editor.md,但是有个缺点就是,插入的a链接不能从新标签打开,为了实现超链接从新标签打开,我还是费了几分钟的功夫的,下面是实现方式。
实现效果:点击查看
实现逻辑:当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中途径,大家可以选择合适的,然后删除其他的代码。
猜你喜欢
- 2024-11-22 只用一行代码快速收集H5聊天用户体验数据——附赠告警机器人
- 2024-11-22 SpringBoot+WebSocket实现简单的数据推送
- 2024-11-22 防止网页被嵌入框架的代码「转」
- 2024-11-22 如何在浏览器中启动Exe文件?
- 2024-11-22 从零开始开发一个实时博客
- 2024-11-22 简单分析实现运维利器---webssh终端libl
- 2024-11-22 如何开发跨框架的组件
- 2024-11-22 location.origin 兼容性处理
- 2024-11-22 为何强烈推荐 ShareJS 做多人协作编辑?
- 2024-11-22 记一次服务器入侵事件的应急响应
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)