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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 Javascript
基于jquery的分页控件(C#)
Jan 06 Javascript
Jquery AJAX POST与GET之间的区别
Nov 14 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
vue 项目接口管理的实现
Jan 17 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中用文本文件做数据库的实现方法
2008/03/27 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python实现的简单抽奖系统实例
2015/05/22 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
django富文本编辑器的实现示例
2019/04/10 Python
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
Python绘画好看的星空图
2022/03/17 Python
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers