Skip to content

文本编辑 ​

双击文本进入编辑状态,需要先安装 图形编辑器 插件。

alpha 内测插件 ​

目前该插件仅内测用户可以体验使用、参与测试。

稳定后会进入公测阶段,可 联系我们 申请 内测资格。

适用平台 ​

目前仅 web 平台支持。

安装插件 ​

需要安装 text-editor 插件才能使用。

sh
npm install @leafer-in/text-editor
sh
pnpm add @leafer-in/text-editor
sh
bun add @leafer-in/text-editor

浏览器 ​

通过全局变量 LeaferIN.textEditor 访问插件内部功能。

html
<script src="https://unpkg.com/@leafer-in/text-editor@1.0.0-rc.27/dist/text-editor.min.js"></script>
<script>
  const { TextEditor } = LeaferIN.textEditor
</script>
html
<script src="https://unpkg.com/@leafer-in/text-editor@1.0.0-rc.27/dist/text-editor.js"></script>
<script>
  const { TextEditor } = LeaferIN.textEditor
</script>

https://unpkg.com 无法访问时,可替换为 https://cdn.jsdelivr.net/npm

开始体验 ​

ts
import { App, Text } from 'leafer-ui'
import '@leafer-in/editor'  
import '@leafer-in/text-editor'

const app = new App({
    view: window,
    editor: {}
})

app.tree.add(Text.one({ 
    text: 'Action is the proper fruit of knowledge.',
    editable: true, fill: '#FFE04B', fontSize: 16,
}, 100, 100, 100))

下一步 ​

TextEditor 工具 ​

Released under the MIT License.