最近工作中用到了vue+element,springboot这种前后端分离的开发模式。vue+element开发还是轻松加愉快的,不爽的就是发现没有副文本框编辑器Orz~github一番,发现不少资源:vue-quill,vue-kinderitor,vue-ueditor...
刚开始时用的是vue-quill(https://github.com/surmon-china/vue-quill-editor, ps:虽然这货简单,扩展性也较强,但是提供的基本功能太少,在开发插件费时费力,所以pass掉);
再来用了kindeditor(http://kindeditor.net/demo.php),这货也还好用。但是不是今天的主角;
最后就是主角ueditor了(http://ueditor.baidu.com/),在不跨域的情况下是没问题,但是单文件上上传跨域存在问题(对此功能直接放弃,对此部分的实现方式github上有,地址一时找不到了)。
接下来开始贴代码:
<template>
<div>
<script :id=id type="text/plain"></script>
</div>
</template>
<script>
import '../../static/ueditor/ueditor.config.js'
import '../../static/ueditor/ueditor.all.min.js'
import '../../static/ueditor/ueditor.parse.min.js'
export default {
name: 'ueditor',
data () {
return {
editor: null,
_content: "",
loadComplete: false
}
},
props: {
id: {
type: String,