ff755 / Vue Kindeditor
vue kindeditor plugin
Stars: ✭ 39
Projects that are alternatives of or similar to Vue Kindeditor
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+2092.31%)
Mutual labels: vue2
Bootstrap Vue Treeview
A treeview component for Bootstrap and Vue.js 2.0+
Stars: ✭ 34 (-12.82%)
Mutual labels: vue2
Vue Coin Hive
Start mining coins in your Vue projects in 1 second.
Stars: ✭ 14 (-64.1%)
Mutual labels: vue2
Vue Tree
tree and multi-select component based on Vue.js 2.0
Stars: ✭ 880 (+2156.41%)
Mutual labels: vue2
Vue2 Datatable
The best Datatable for Vue.js 2.x which never sucks. Give us a star 🌟 if you like it! (DEPRECATED. As I, @kenberkeley, the only maintainer, no longer works for OneWay. Bugs may be fixed but new features or breaking changes might not be merged. However, it's still the best in my mind because of its extremely flexible usage of dynamic components)
Stars: ✭ 867 (+2123.08%)
Mutual labels: vue2
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+2107.69%)
Mutual labels: vue2
Slim Ui
Simple components library used for building lightweight vuejs projects
Stars: ✭ 38 (-2.56%)
Mutual labels: vue2
Quasar Awesome
🎉 A list of awesome things related to Quasar
Stars: ✭ 995 (+2451.28%)
Mutual labels: vue2
Unitauto
☀️机器学习单元测试平台,零代码、全方位、自动化 测试 方法/函数 的性能、正确性和可用性。☀️An unit testing management platform powered by machine learning. Coding-free, comprehensive and automatical testing for methods/functions.
Stars: ✭ 32 (-17.95%)
Mutual labels: vue2
vue-kindeditor
2021/01/17 修复,当未设置header参数时报错
2020/12/30 更新 props 增加 header,结构为对象 作用:可增加header,后端验证,防止上传接口被攻击
示例:
<editor id="editor_id" height="500px" width="700px" :content="editorText"
pluginsPath="/static/kindeditor/plugins/"
:loadStyleMode="false"
@on-content-change="onContentChange"
:header="header"></editor>
参数格式:header: { key: value }
需修改kindeditor-all.js kindeditor-all.js文件的4539行,修改了_ajax函数,添加了header. 6909行
var header=self.header;
K.ajax(K.addParam(fileManagerJson,param + '&' + new Date().getTime()), function(data) {
dialog.hideLoading();
func(data);
},header);
此功能由用户 @liqz2009 提供
依赖 vue 2 kindeditor 4
License
MIT License
安装
yarn add vue-kindeditor
使用
import Vue from 'vue'
import App from './App'
import router from './router'
import VueKindEditor from 'vue-kindeditor'
import 'kindeditor/kindeditor-all-min.js'
import 'kindeditor/themes/default/default.css'
Vue.config.productionTip = false
/* eslint-disable no-new */
Vue.use(VueKindEditor)
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})
<template>
<div id="hello">
<h1>vue-kindedtior demo</h1>
<editor id="editor_id" height="500px" width="700px" :content="editorText"
:afterChange="afterChange()"
pluginsPath="/static/kindeditor/plugins/"
:loadStyleMode="false"
@on-content-change="onContentChange"></editor>
<editor id="editor_id2" height="500px" width="700px" :content="editorText"
:afterChange="afterChange()"
pluginsPath="/static/kindeditor/plugins/"
:loadStyleMode="false"
@on-content-change="onContentChange2"></editor>
</div>
</template>
<script>
export default {
name: 'hello',
data () {
return {
editorText: '',
editorText2: ''
}
},
created () {
},
methods: {
onContentChange (val) {
this.editorText = val
},
onContentChange2 (val) {
this.editorText2 = val
},
afterChange () {
}
}
}
</script>
<style>
#hello {
float: left;
}
</style>
初始化参数
演示
最近更新
重新打包。
常见问题
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].