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 相关文章推荐
jquery CSS选择器笔记
Mar 29 Javascript
FileUpload上传图片(图片不变形)
Aug 05 Javascript
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
JavaScript中的Math.LN2属性用法详解
Jun 12 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
vue 中directive功能的简单实现
Jan 05 Javascript
详解vue项目中实现图片裁剪功能
Jun 07 Javascript
vue实现按钮切换图片
Jan 20 Vue.js
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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
php实现将Session写入数据库
2015/07/26 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
Python 的 Socket 编程
2015/03/24 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
HTML5触摸事件(touchstart、touchmove和touchend)的实现
2020/05/08 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
2014年三八妇女节活动总结
2014/03/01 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
Kubernetes部署实例并配置Deployment、网络映射、副本集
2022/04/01 Servers
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js