vue3 +TS 富文本框引入使用(vditor,tinymce)

目录

一.vditor 初步安装使用

1.安装下载依赖

2.创建组件

3.引用

4.具体目录实践

二.Tinymce 初步创建使用

 1.安装下载依赖

2.创建组件

3.引用

4.具体目录实践


一.vditor 初步安装使用

1.安装下载依赖

npm install vditor --save

 具体参考配置

vue3 +TS 富文本框引入使用(vditor,tinymce)_第1张图片

2.创建组件

具体路径在src/components/ 下

vue3 +TS 富文本框引入使用(vditor,tinymce)_第2张图片







3.引用







二.Tinymce 初步创建使用

 1.安装下载依赖

npm install tinymce -S

npm install @tinymce/tinymce-vue -S

具体参考配置

vue3 +TS 富文本框引入使用(vditor,tinymce)_第3张图片

2.创建组件

 具体路径在src/components/ 下

vue3 +TS 富文本框引入使用(vditor,tinymce)_第4张图片






3.引用







你可能感兴趣的:(vite创建vue3,TS项目实例,javascript,开发语言,ecmascript)