2024-01-26
温故知新
00

目录

简介
package.json
main.ts
使用

简介

一个简单的例子,如果以后需要用,可以来这找来看看。(TypeScript环境)

package.json

  • 引入依赖
json
"dependencies": { "vditor": "3.9.8", },

main.ts

  • 引入样式
typescript
import "vditor/src/assets/less/index.less"

使用

  • 创建编辑器并配置一些东西
html
<script setup lang="ts"> import Vditor from 'vditor' import { onMounted } from 'vue' let vditor: Vditor; onMounted(() => { vditor = new Vditor('vditor', { height: 500, width: '100%', lang: 'zh_CN', mode: 'sv', toolbarConfig: { pin: true, }, cache: { enable: false, }, after: () => { vditor.setValue('hello, Vditor + Vue!') }, }) }) </script> <template> <div id="vditor"> </div> </template> <style scoped> </style>
如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:DingDangDog

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!