ArtEditor富文本编辑器增加表单提交功能


Posted in Javascript onApril 18, 2016

摘要:

artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交,当然是支持的,在未开发该功能之前,你可以像下面这样来实现表单提交

$('.submit').on('click', function(e) {
e.preventDefault();
$('.hidden').val($('#artEditor').getValue());
$(this).submit();
});

新功能:

新增formInputId参数,该参数表示form隐藏域的id,会将编辑器内容放到隐藏域中,如下:

<form action="">
<input type="hidden" id="target">
<div id="artEditor">
</div>
</form>
<script>
$('#artEditor').artEditor({
formInputId: 'target'
});
</script>

相关阅读:

关于ArtEditor富文本编辑器增加表单提交功能小编就给大家介绍这么多,希望对大家有所帮助!

Javascript 相关文章推荐
关于javascript DOM事件模型的两件事
Jul 22 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
JavaScript中值类型和引用类型的区别
Feb 23 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
react合成事件与原生事件的相关理解
May 13 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 #Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 #Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 #Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 #Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 #Javascript
js实现select二级联动下拉菜单
Apr 17 #Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 #Javascript
You might like
php操作(删除,提取,增加)zip文件方法详解
2015/03/12 PHP
php实现encode64编码类实例
2015/03/24 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
Python实现可设置持续运行时间、线程数及时间间隔的多线程异步post请求功能
2018/01/11 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
劳模先进事迹材料
2014/12/24 职场文书
党支部季度考核意见
2015/06/02 职场文书
飞越疯人院观后感
2015/06/09 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS