<template>
</template>
<script setup lang="ts">
// #文本编辑器
import { App, Text } from 'leafer-ui'
import '@leafer-in/editor'
import '@leafer-in/viewport'
import '@leafer-in/text-editor'
const app = new App({
view: window,
editor: {}
})
const text = new Text({
fill: 'black',
text: 'Welcome to LeaferJS',
padding: 10,
editable: true,
boxStyle: { // 设置背景框样式
fill: '#32cd79',
cornerRadius: 6
},
})
app.tree.add(text)
</script>
我的本意是想做思维导图的节点的,但是正常的思维导图节点文字删除后,高度不变,而这文字删除后 高度坍缩 只剩下padding