让备注支持超链接、#标签、引用以及悬浮窗

JS大全 菜包 3年前 (2021-03-24) 0个评论 扫描二维码

RE原本的节点描述是不支持超链接解析和颜色的,用了这个代码,是完全将备注当成正文来解析了,不过,还是尽量不要过于依赖它

让RE 备注描述支持 #标签 ,链接、引用、双括号、也可以对它悬浮窗(备注是指在节点上 Shift+回车 可编辑的区域)

只是实现这个功能,不知道会有什么不好的影响,比如搜索引用之类的逻辑问题,建议尽量只使用超链接比较好

V1主题也对备注里的超链接做了适配,可以显示链接颜色

添加到自定义JS

//让备注支持富文本
plugin.userjs.register('quoteLink', {
    parse(nv) {
        if (nv.quoteDom) {
            nv.quoteDom.innerHTML = NNodeView.temp({ori: nv.quoteDom.innerHTML}).parseOriText(nv.quoteDom.innerHTML);
        }
    },
    after_nodeView_mount(nv) {
        this.parse(nv);
    },
    run() {
        EVT('.node-quote', {
            focus_oriQuote(e) {
                this.innerHTML = this.nv.data.quote;
            },
            blur_oriQuote(e) {
                plugin.quoteLink.parse(this.nv);
            }
        })('.node-quote a[href^=http]', {
        	mousedown_openLink() {
                console.log('ddd');
            	window.open(this.href);
            }
        });
    }
});

 

喜欢 (3)
[觉得文章不错,请站长喝咖啡]
分享 (0)

您必须 登录 才能发表评论!