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 ul标签下拉菜单演示代码
Dec 11 Javascript
jquery键盘事件介绍
Jan 31 Javascript
javascript判断office版本示例
Apr 11 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
js中的this的指向问题详解
Aug 29 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
微信小程序选择图片控件
Jan 19 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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
php生成随机颜色的方法
2014/11/13 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
php接口隔离原则实例分析
2019/11/11 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
js下用层来实现select的title提示属性
2010/02/23 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
Markdown+Bootstrap图片自适应属性详解
2016/05/21 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
python字符串的常用操作方法小结
2016/05/21 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
一行python实现树形结构的方法
2019/08/09 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
Cotton On美国网站:澳洲时装连锁品牌
2016/10/25 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
毕业生机械建模求职信
2013/10/14 职场文书
成绩单评语
2015/01/04 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js