码迷,mamicode.com
首页 > 其他好文 > 详细

vue - 百度编辑器

时间:2021-01-14 11:16:59      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:常见   npm   message   编辑器   item   str   stat   生成   enabled   

  1. 引入
npm i vue-ueditor-wrap

2.加入文件夹 public/static/UEditor
技术图片
下载
上面下载
3..页面

 <el-form :model="editform" ref="editform" label-width="120px" label-position="left">
                <el-form-item label="内容" prop="news_content" :rules="[{ required: true, message: ‘请输入内容‘, trigger: ‘blur‘ }]"> </el-form-item>
                <vue-ueditor-wrap v-model="editform.news_content" :config="myConfig" :destroy="true"></vue-ueditor-wrap>
            </el-form>
import VueUeditorWrap from ‘vue-ueditor-wrap‘;
 components: {
        VueUeditorWrap,
    },
data() {
        return {
            myConfig: {
                // 编辑器不自动被内容撑高
                autoHeightEnabled: false,
                // 初始容器高度
                initialFrameHeight: 700,
                // 初始容器宽度
                initialFrameWidth: ‘100%‘,
                // 上传文件接口
                serverUrl: ‘/up‘,
                // UEditor 资源文件的存放路径,如果你使用的是 vue-cli 生成的项目,通常不需要设置该选项,vue-ueditor-wrap 会自动处理常见的情况,如果需要特殊配置,参考下方的常见问题2
                // UEDITOR_HOME_URL: ‘/static/UEditor/‘,
            },
            editform: {
                news_content: ‘dsa as as‘,
            },
        };
    },

vue - 百度编辑器

标签:常见   npm   message   编辑器   item   str   stat   生成   enabled   

原文地址:https://www.cnblogs.com/gggggggxin/p/14273761.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!