artEditor

artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。
demo，为了更好的效果请将浏览器设置为手机模式

引用

在页面中引入下面资源

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>     
<script src="artEditor.min.js"></script>       

Options

imgTar

图片上传按钮

limitSize

图片最大限制，默认3兆

showServer

显示从服务端返回的图片，默认是显示本地资源的图片

uploadUrl

图片上传路劲

data

上传图片其他参数

uploadField

上传图片字段

placeholader

富文本编辑器holder

validHtml

粘贴时，去除不合法的html标签

uploadSuccess

图片上传成功回调

uploadError

图片上传失败回调

formInputId

表单隐藏域id，如果设置，则编辑器内容会储存到该元素value值

Methods

getValue

获取值，$('#content').getValue()    

setValue

设置值，$('#content').setValue('<div></div>')    

Example

html:

<div class="article-content" id="content">
</div>

js:

$('#content').artEditor({
	imgTar: '#imageUpload',
	limitSize: 5,   // 兆
	showServer: false,
	uploadUrl: '',
	data: {},
	uploadField: 'image',
	placeholader: '<p>请输入文章正文内容</p>',
	validHtml: ["br"],
	uploadSuccess: function(res) {
		// return img url
		return res.path;
	},
	uploadError: function(res) {
		// something error
		console.log(res);
	}
});

Issues

new Issue

Release

• 增加获取值和设置值的方法
• 去掉粘贴时过滤不允许的HTML标签
• 插入图片自动换行
  2016-03-28
• 增加拍照上传图片
  2016-04-17
• 增加表单提交功能