Skip to content

A Wrapper of UEditor for Vue 2.x With mp.weixin weui

Notifications You must be signed in to change notification settings

HackPlan/vue-weui-ueditor

 
 

Repository files navigation

vue-weui-ueditor

A Wrapper of UEditor for vue 2.xwith mp.weixin weuiUI

Intro

Weui-ueditor is a simple and beautiful rich editor based on ueditor, and with weui.

Demo

Install

$ npm i vue-weui-ueditor --S

Or using cnpm

$ cnpm i vue-weui-ueditor --S

Usage

<template>
	<div id="app">
		<weuiUEditor></weuiUEditor>
	</div>
</template>
<script>
	import weuiUEditor from 'vue-weui-ueditor';

	import 'vue-weui-ueditor/dist/vue-weui-ueditor.min.css';
	export default {
		name: 'app',
		components: {
			weuiUEditor
		}
	};
</script>

Attributes

param description type optional default
config 见下表 Object null, object {}
content 父子间传递的编辑器内容 string - ''
editorTopOffset 滚动的时候编辑器的工具条浮层距离 Number - 0
on-editor-ready 编辑器初始化回调 Function null null

Method

name description params
setContent 设置编辑器内容 (String html)
execCommand 执行编辑器cmd,用于拓展 UEditor API doc (String cmdName, argv)
getContent 获取编辑内容. type['Content'(defalut), 'AllHtml', 'PlainTxt'],当默认值时,可以通过参数定义编辑器内置的判空规则 (String type, Function fn)

Config

key description type optional default
selectOptions 下拉的选择按钮 Object {'rowspacing', 'lineheight', 'orderedlist', 'unorderedlist', 'fontsize'} 见optional

待扩展

License

This is available under [the MIT license](https://opensource.org/licenses/mit-license.php.

About

A Wrapper of UEditor for Vue 2.x With mp.weixin weui

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 75.5%
  • Vue 18.0%
  • CSS 6.4%
  • HTML 0.1%