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提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
Oct 13 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
分析javascript中9 个常见错误阻碍你进步
Sep 18 Javascript
详解Angular如何正确的操作DOM
Jul 06 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
Element InputNumber 计数器的实现示例
Aug 03 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
php.ini修改php上传文件大小限制的方法详解
2013/06/17 PHP
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
javascript parseInt 函数分析(转)
2009/03/21 Javascript
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
2012/11/15 Javascript
js阻止事件追加的具体实现
2014/10/15 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
Webpack中publicPath路径问题详解
2018/05/03 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
Python中使用ElementTree解析XML示例
2015/06/02 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
请解释一下webService? 如何用.net实现webService
2014/06/09 面试题
2014三年级班主任工作总结
2014/12/05 职场文书
青岛海底世界导游词
2015/02/11 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
浅谈Python中的正则表达式
2021/06/28 Python
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python