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 相关文章推荐
小型js框架veryide.librar源代码
Mar 05 Javascript
jquery json 实例代码
Dec 02 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
javascript实现单击和双击并存的方法
Dec 13 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 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
很实用的一个完整email发送程序
2006/10/09 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
laravel 解决ajax异步提交数据,并还回填充表格的问题
2019/10/15 PHP
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
Python的UTC时间转换讲解
2019/02/26 Python
python字典一键多值实例代码分享
2019/06/14 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
如何基于python实现归一化处理
2020/01/20 Python
python音频处理的示例详解
2020/12/23 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
医院护士的求职信
2014/01/03 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
无工作证明怎么写
2015/06/15 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python