前端关于vue普通引用情况下如何与UEditor结合以及关于UEditor的文字居中的bug解决

首先去官网下载压缩文件解压

：https://ueditor.baidu.com/website/download.html

然后在你使用插件的文件中script引入

<!-- 配置文件 -->
	<script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
	<!-- 编辑器源码文件 -->
	<script type="text/javascript" src="/ueditor/ueditor.all.js"></script> 
	<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--> 
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script> 

在body中引入

<textarea v-model="editData.content" id="projectBasis" class="editor" name="projectBasis" cols="150" rows="30" style="width: 80%">这里写你的初始化内容 </textarea>

接着实例化编辑器，大家根据自己的实际情况来， 

<!-- 实例化编辑器 -->
  <script type="text/javascript">
     var URL = getRootPath();
 
     var ue = UE.getEditor('projectBasis', {
          //为编辑器实例添加一个路径，这个不能被注释
           UEDITOR_HOME_URL: URL + '/ueditor/',
          //focus时自动清空初始化时的内容
          autoClearinitialprojectBasis:true,
          //关闭字数统计
          wordCount:false,
          /* maximumWords:8000, */       //允许的最大字符数
          //关闭elementPath 元素路径
          elementPathEnabled:false,
          //默认的编辑区域高度
          initialFrameHeight:300,
          initialFrameWidth:null  //初始化编辑器宽度,默认1000
     });
 
     //自定义请求地址
 
     UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
     UE.Editor.prototype.getActionUrl = function(action) {
        /*  if (action == 'uploadimage' || action == 'uploadimage') {
             return '<%=basePath%>/management/project/projectApplication/upload/img';
         } else { */
             return this._bkGetActionUrl.call(this, action);
         /* } */
     }
 
     /**
     * js获取项目根路径，如： http://localhost:8083/project
     */
     function getRootPath(){
         //获取当前网址，如： http://localhost:8083/project/share/meun.jsp
         var curWwwPath=window.document.location.href;
 
         //获取主机地址之后的目录，如： project/share/meun.jsp
         var pathName=window.document.location.pathname;
 
         var pos=curWwwPath.indexOf(pathName);
 
         //获取主机地址，如： http://localhost:8083
         var localhostPaht=curWwwPath.substring(0,pos);
 
         //获取带"/"的项目名，如：/project
         var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
 
         //return localhostPaht + projectName;
         return localhostPaht  + projectName;;
     }

可以在ueditor.config.js文件中修改关于编辑器的设置，对于上传图片，还需要后端去写一个控制层在ueditor.config.js文件中配置下路径

// 服务器统一请求接口路径
        , serverUrl: "/api/upload/ueditorUpload"

最后，是这个插件的一个小bug，最后自己手动解决了，就是设置文字居中的时候，取出来的内容竟然没有居中

最后发现是config里面标签白名单设置的问题自己添加下

将‘whitList’对象下的p由

p:      ['class', 'style'],

改为

p:      ['class', 'style','id'],

添加一个id的属性，这个bug就决绝了