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实现检测浏览器及版本的脚本代码
Jan 22 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 28 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
Vue实现多标签选择器
Nov 28 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
Dec 04 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
Laravel下生成验证码的类
2017/11/15 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
jquery validate使用攻略 第四步
2010/07/01 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
Face++ API实现手势识别系统设计
2018/11/21 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
高三毕业生自我鉴定
2013/12/20 职场文书
大学生蛋糕店创业计划书
2014/01/13 职场文书
助学贷款贫困证明
2014/09/23 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
环保建议书作文300字
2015/09/14 职场文书
Python天气语音播报小助手
2021/09/25 Python
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫