移动端富文本编辑器artEditor

简介: 移动端富文本编辑器artEditor

摘要:



由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。


artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。


插件地址:https://github.com/baixuexiyang/artEditor  欢迎star或fork。


demo


引用:



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


参数:



imgTar


图片上传按钮


limitSize


图片最大限制,默认3兆


showServer


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


uploadUrl


图片上传路劲


data


上传图片其他参数


uploadField


上传图片字段


placeholader


富文本编辑器holder


validHtml


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


uploadSuccess


图片上传成功回调


uploadError


图片上传失败回调


例子:



html:
<div 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);
    }
});


相关文章
|
8天前
|
小程序 JavaScript
微信小程序图片预览功能?
微信小程序图片预览功能?
|
8天前
Simditor富文本编辑器
Simditor富文本编辑器
50 2
|
5月前
|
JSON 小程序 前端开发
|
6月前
|
移动开发 前端开发 JavaScript
常用的六个富文本编辑器
常用的六个富文本编辑器
128 0
|
8天前
|
JavaScript 前端开发 数据可视化
富文本编辑器使用详细介绍
富文本编辑器使用详细介绍
|
8天前
|
小程序
微信小程序制作瀑布流
微信小程序制作瀑布流
|
8天前
|
JSON JavaScript 前端开发
移动WEB特效开发
移动WEB特效开发
16 0
|
5月前
|
缓存 资源调度 小程序
微信小程序(二十五)微信小程序富文本编辑器editor上传图片
一般在做网站开发的时候,最开始使用的一般都是百度的ueditor,但是这个玩意好久不更新了,功能到时够用,就是UI以及其他的一些套件的视觉效果稍差。
116 0
|
9月前
|
开发框架 移动开发 前端开发
UniApp响应式布局
UniApp 是一款基于 Vue.js 开发的跨平台应用开发框架,可以同时构建 iOS、Android、H5 等多个平台的应用。在 UniApp 中,单位(Unit)是一个非常重要的概念,它决定了应用在不同设备上的布局和样式,要适应不同设备尺寸和屏幕方向的布局是一项艰巨的任务。UniApp 提供了多种方式来实现响应式布局。通过使用 Flex 布局、媒体查询、自适应单位和条件渲染,我们可以根据不同的屏幕尺寸和方向创建出适应性强的布局,从而提供更好的用户体验。
293 1
|
12月前
|
小程序 前端开发 容器
微信小程序组件仿某音
微信小程序组件仿某音
132 0

热门文章

最新文章

相关实验场景

更多