@xiamocc/plugin-swiper-card

wangEditor 链接卡片 插件

English Documentation

介绍

wangEditor 链接卡片 插件。

安装

yarn add @wangeditor/plugin-link-card

使用

注册到编辑器

import { Boot } from '@wangeditor/editor'
import swiperCardModule from '@xiamocc/plugin-swiper-card'

// 注册。要在创建编辑器之前注册，且只能注册一次，不可重复注册。
Boot.registerModule(swiperCardModule)

配置

编辑器配置

// 无需配置

然后创建编辑器和工具栏，会用到 editorConfig 。具体查看 wangEditor 文档。

显示 HTML

一个 link-card 节点产出的 HTML 格式如下

<div data-w-e-type='swiper-card' data-w-e-is-void data-imgs='${imgsStr}'></div>

其他

支持 i18n 多语言