vue 富文本编辑器
vue 2017-12-25 14:03:03

参考文件:https://github.com/davidroyer/vue2-editor 

 

PHP Code复制内容到剪贴板
  1. cnpm install vue2-editor  

 

WX20171225-141339@2x.png 

JavaScript Code复制内容到剪贴板
  1. <vue-editor v-model="publish_intro"></vue-editor>  
  2.   
  3. <script>  
  4.     import { VueEditor } from 'vue2-editor'  
  5.       
  6.     export default {  
  7.         name: 'publishMore',  
  8.         components: {  
  9.             VueEditor  
  10.         },  
  11.         data: function() {  
  12.             return {  
  13.                 publish_intro: ""//显示内容  
  14.             }  
  15.         },  
  16. </script>  

 

 

上面的编辑器不兼容IOS

https://github.com/chmln/vue-wysiwyg

 

JavaScript Code复制内容到剪贴板
  1. npm install vue-wysiwyg --save-dev  

 

 

 

 

本文来自于:http://www.yoyo88.cn/study/vue/257.html

上一篇 上传图片
Powered by yoyo苏ICP备15045725号