view插件

说明

@sv-print/plugin-view-xxx 的插件, 属于带 UI 的插件, 用于丰富设计器的功能。

Q: 为什么需要 view 插件?

A: 按需引入插件, 减少体积。还可以给使用者自定义的空间.

例如: 使用者项目有 codemirror 5.x 插件, 则可能导致冲突, 此时可自定义 codemirror 插件.

codemirror 代码编辑器

编辑元素属性的 标题,xxx格式化函数 时弹窗进行代码编辑. 以及编辑模板数据,打印数据.

安装方式:

npm i @sv-print/plugin-view-code-edit

使用方式:

// vue3 为例
<template>
  <Designer authKey="xxxx" :plugins="plugins"></Designer>
</template>
<script setup lang="ts">
  import {onMounted, ref} from 'vue';
  import {Designer} from '@sv-print/vue3';
  // view 插件可能 需要额外的样式.
  import "@sv-print/plugin-view-code-edit/dist/style.css";
  import pluginViewCodeEdit from "@sv-print/plugin-view-code-edit";

  const plugins = ref([
    pluginViewCodeEdit({}), // 插件参数
  ]);
</script>

自定义

见文档 自定义编辑器插件