innov
/
am-editor11212
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
am-editor11212/plugins/embed
History
yanmao 1cd5833dc5 Publish 
- @aomao/engine@2.7.30
 - @aomao/toolbar-vue@2.7.31
 - @aomao/toolbar@2.7.31
 - @aomao/plugin-alignment@2.7.30
 - @aomao/plugin-backcolor@2.7.30
 - @aomao/plugin-bold@2.7.30
 - @aomao/plugin-code@2.7.30
 - @aomao/plugin-codeblock-vue@2.7.30
 - @aomao/plugin-codeblock@2.7.30
 - @aomao/plugin-embed@2.7.30
 - @aomao/plugin-file@2.7.30
 - @aomao/plugin-fontcolor@2.7.30
 - @aomao/plugin-fontfamily@2.7.30
 - @aomao/plugin-fontsize@2.7.30
 - @aomao/plugin-heading@2.7.30
 - @aomao/plugin-hr@2.7.30
 - @aomao/plugin-image@2.7.30
 - @aomao/plugin-indent@2.7.30
 - @aomao/plugin-italic@2.7.30
 - @aomao/plugin-line-height@2.7.30
 - @aomao/plugin-link-vue@2.7.30
 - @aomao/plugin-link@2.7.30
 - @aomao/plugin-mark-range@2.7.30
 - @aomao/plugin-mark@2.7.30
 - @aomao/plugin-math@2.7.30
 - @aomao/plugin-mention@2.7.30
 - @aomao/plugin-mind@2.7.30
 - @aomao/plugin-orderedlist@2.7.30
 - @aomao/plugin-paintformat@2.7.30
 - @aomao/plugin-quote@2.7.30
 - @aomao/plugin-redo@2.7.30
 - @aomao/plugin-removeformat@2.7.30
 - @aomao/plugin-selectall@2.7.30
 - @aomao/plugin-status@2.7.30
 - @aomao/plugin-strikethrough@2.7.30
 - @aomao/plugin-sub@2.7.30
 - @aomao/plugin-sup@2.7.30
 - @aomao/plugin-table@2.7.30
 - @aomao/plugin-tasklist@2.7.30
 - @aomao/plugin-underline@2.7.30
 - @aomao/plugin-undo@2.7.30
 - @aomao/plugin-unorderedlist@2.7.30
 - @aomao/plugin-video@2.7.30
 		2022-02-14 14:23:34 +08:00
..
src docs 2022-01-28 14:06:16 +08:00
README.md feat: yanmao.cc -> aomao.com 2021-12-05 00:37:05 +08:00
package.json Publish 2022-02-14 14:23:34 +08:00
tsconfig.json feat: plugin-embed 2021-11-29 10:25:43 +08:00

README.md

@aomao/plugin-embed

嵌入网址

通过继承此插件，可以实现嵌入特定网址实现预览功能。

安装

$ yarn add @aomao/plugin-embed

添加到引擎

import Engine, { EngineInterface } from '@aomao/engine';
import Embed , { EmbedComponent } from '@aomao/plugin-embed';

new Engine(...,{ plugins:[ Embed ] , cards:[ EmbedComponent ]})

Embed 可选项

//使用配置
new Engine(...,{
    config:{
        [Embed.pluginName]:{
            //...相关配置
        }
    }
 })

首次渲染前返回特定信息

renderBefore: 渲染前返回一些信息

renderBefore?:(url: string) => {url?: string
    height?: number
    collapsed?: boolean
    ico?: string
    title?: string
    isResize?: boolean}

如果需要对返回信息做更多扩展，可以继承 EmbedComponent 类，然后重写 handleSubmit 方法

命令

插入网址

参数 1：要加载的 url，可选，默认会展示当前输入 url 界面 参数 2: 图标，默认为一个网页图标 参数 3: 标题，默认为 url 参数 4: 是否折叠，默认为 false 参数 5: 是否可以改变大小，默认为 true

engine.command.execute(
	Math.pluginName,
	'https://editor.aomao.com', // 可选
	'ico 图标',
	'展示的标题',
	false,
	true,
);