@aomao/plugin-link

链接插件

安装

yarn add @aomao/plugin-link

Vue3 使用

yarn add @aomao/plugin-link-vue

Vue2 使用

yarn add am-editor-link-vue2

添加到引擎

import Engine, { EngineInterface } from '@aomao/engine';
import Link from '@aomao/plugin-link';
new Engine(...,{ plugins:[Link] })

可选项

快捷键

默认快捷键为 mod+k,默认参数为 ["_blank"]

//快捷键,key 组合键,args,执行参数,[target?:string,href?:string,text?:string] 打开模式:可选,默认链接:可选,默认文本:可选
hotkey?:string | {key:string,args:Array<string>};
//使用配置
new Engine(...,{
config:{
"link":{
//修改快捷键
hotkey:{
key:"mod+k",
args:["_balnk_","https://www.aomao.com","ITELLYOU"]
}
}
}
})

onConfirm

可对要修改的 url 或者 文本 进行修改

在编辑文本和 url 后确认执行

onConfirm?: (
text: string,
link: string,
) => Promise<{ text: string; link: string }>;

enableToolbar

是否启用对链接编辑的工具栏

enableToolbar?: boolean;

onLinkClick

在编辑模式下单击链接时触发

onLinkClick?: (e: MouseEvent, link: string) => void;

命令

可传入三个参数[target?:string,href?:string,text?:string] 打开模式:可选,默认链接:可选,默认文本:可选

//target:'_blank', '_parent', '_top', '_self',href:链接,text:文字
engine.command.execute('link', '_blank', 'https://www.aomao.com', 'ITELLYOU');
//使用 command 执行查询当前状态,返回 boolean | undefined
engine.command.queryState('link');