官方Wiki
中文文檔
配置項手冊
各路大神
添加鏈接描述

百度的不更新了 還可以選擇wangEditor

VUE項目引入使用步驟總結(VUE使用模式)：
1、下載壓縮包
官方倉庫
2、解壓到項目static目錄中

3、項目控制臺輸入
npm i vue-ueditor-wrap
4、以以下代碼為案例即可使用

<template><div class='race-content'><vue-ueditor-wrap v-model="write.msg" :config="myConfig" ></vue-ueditor-wrap><el-button @click="submit"> 提交 </el-button></div> </template> <script > import VueUeditorWrap from 'vue-ueditor-wrap' export default ({components: {VueUeditorWrap},props: {},data(){return {myConfig: {// 編輯器不自動被內容撐高autoHeightEnabled: false,// 初始容器高度initialFrameHeight: 500,// 初始容器寬度initialFrameWidth: '100%',// 上傳文件接口（這個地址是我為了方便各位體驗文件上傳功能搭建的臨時接口，請勿在生產環境使用！！！）serverUrl: '//localhost:9000/ueditor/server',// UEditor 資源文件的存放路徑，如果你使用的是 vue-cli 生成的項目，通常不需要設置該選項，vue-ueditor-wrap 會自動處理常見的情況，如果需要特殊配置，參考下方的常見問題2UEDITOR_HOME_URL: '/static/ueditor/'},write : {title:'測試Title',msg:'',},}},computed: {},created (){},mounted (){},methods: {submit(){debuggerthis.write;console.log(this.write);}},watch: { } }) </script> .race-content{width: 1200px;margin:0 auto;background-color: #fff; } </style>

總結

以上是生活随笔為你收集整理的富文本Ueditor的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。