kun 19/10/15 15:48

package.json

@@ -22,7 +22,7 @@
     "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.0.3",
     "vuex": "^3.0.1",
-    "wangeditor": "^3.1.1"
+    "wangeditor": "^2.1.23"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.11.0",

src/components/RichText.vue

@@ -40,7 +40,7 @@ export default {
       'quote', // 引用
       // 'emoticon', // 表情
       // 'image', // 插入图片
-      // 'table', // 表格
+      'table', // 表格
       // 'code', // 插入代码
       'undo', // 撤销
       'redo' // 重复

src/components/RichTextOne.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="wrr">
+    <div id="websiteEditorElem"></div>
+  </div>
+</template>
+
+<script>
+import E from 'wangeditor'
+export default {
+  components: {},
+  props: {},
+  data () {
+    return {
+      formData: ''
+    }
+  },
+  created () { },
+  mounted () {
+    let _this = this
+    let phoneEditor = new E('websiteEditorElem')
+    phoneEditor.onchange = function () {
+      _this.$emit('quillVal', this.$txt.html())
+    }
+    phoneEditor.create()
+  },
+  methods: {},
+  computed: {},
+  watch: {}
+}
+</script>
+
+<style lang='scss' scoped>
+#websiteEditorElem{
+  width:100%;
+  height:250px;
+}
+</style>

src/router.js

@@ -9,6 +9,7 @@ import FooterNav from './components/FooterNav'
 import PagingDevice from './components/PagingDevice'
 /** 富文本 */
 import RichText from './components/RichText'
+import RichTextOne from './components/RichTextOne'
 import RichTextTwo from './components/RichTextTwo'
 import RichTextFour from './components/RichTextFour'
 
@@ -68,6 +69,12 @@ export default new Router({
       component: RichTextTwo
     },
     /** 富文本er */
+    {
+      path: '/richTextOne',
+      name: 'richTextOne',
+      component: RichTextOne
+    },
+    /** 富文本er */
     {
       path: '/richTextFour',
       name: 'richTextFour',

src/views/project/Application.vue

@@ -324,7 +324,7 @@
               <h5>五、经费预算</h5>
               <!-- <textarea name="funds" v-model="funds" required value></textarea> -->
               <div id="rich">
-                <rich-text-four @quillVal="getContent"></rich-text-four>
+                <rich-text-one @quillVal="getContent"></rich-text-one>
               </div>
             </div>
             <div class="xxx">
@@ -335,7 +335,7 @@
                   :class="thff ? 'ic' : ''"
                   class="iconfont icon-fuxuankuang_xuanzhong"
                 ></span>
-                <label>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
+                <label>我们确认项目申报内容的真实性,并愿意承担相应的责任</label>
               </div>
             </div>
             <div class="xxx">
@@ -373,14 +373,14 @@
 import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
 import FooterNav from "../../components/FooterNav";
-import RichTextFour from "../../components/RichTextFour";
-import RegisteredVue from '../Registered.vue';
+import RichTextOne from "../../components/RichTextOne";
+// import RegisteredVue from '../Registered.vue';
 const T_T = new Date()
 export default {
   components: {
     HeaderNav,
     FooterNav,
-    RichTextFour
+    RichTextOne
   },
   props: {},
   data() {
@@ -711,6 +711,7 @@ export default {
 
 <style lang='scss' scoped>
 #rich {
+  width:100%;
   margin: 30px auto 30px;
 }
 .img-img {