1.1.5 • Published 4 months ago
by-tinymce-rich v1.1.5
by-tinymce-rich
A Vue.js project
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
简介 by-tinymce-rich是以tinymce为基础封装的组件,Version: 5.5.1 (2020-10-01)
基本方法
<template>
<div id="app">
<Tinymce-rich v-model="content" :options="options" />
</div>
</template>
<script>
import TinymceRich from 'by-tinymce-rich'
export default {
name: 'app',
components:{
TinymceRich
},
data () {
return {
content: "",
options: {
images_upload_url: "sys/file/upload",
video_upload_url: "sys/file/upload",
image_formdata_name: "file",
video_formdata_name: "file",
emoticons_database_url:"./plugins/emoticons/js/emojis.js", //表情引入找不到路径问题,需要通过更改路径重新引入,并将插件放在public中
fileRequestHeader: [
{
name: "token",
value: "xxxxx",
},
],
image_data_format(res) {
return "/uploadImage/" + res.data.savePath;
},
video_data_format(res) {
return "/uploadImage/" + res.data.savePath;
},
},
}
}
}
</script>
编辑器的基本配置:
content(富文本内容)
images_upload_url(必填:图片上传接口url)
image_formdata_name(上传图片名称,默认file)
video_upload_url(必填:视频上传接口url)
video_formdata_name(上传视频名称,默认file)
fileRequestHeader(选填:上传文件头部信息)
image_data_format(参数为上传图片返回值,需要返回图片的绝对路径,例子中配置了nginx,前缀uploadimage)
video_data_format(参数为上传视频返回值,需要返回图片的绝对路径,例子中配置了nginx,前缀uploadimage)
更多配置
go 文档资料出处
1.1.5
4 months ago
1.1.4
4 months ago
1.1.1
2 years ago
1.1.0
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.0.9
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.2
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.1
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago
1.0.0
3 years ago