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 相关文章推荐
javascript获取元素CSS样式代码示例
Nov 28 Javascript
js获取url中的参数且参数为中文时通过js解码
Mar 19 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
Jun 15 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
vue实现商品加减计算总价的实例代码
Aug 12 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
layui框架与SSM前后台交互的方法
Sep 12 Javascript
浅谈layui里的上传控件问题
Sep 26 Javascript
vue引入静态js文件的方法
Jun 20 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 图像函数大举例(非原创)
2009/06/20 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
PHP编写登录验证码功能 附调用方法
2016/05/19 PHP
php阳历转农历优化版
2016/08/08 PHP
PHP 类与构造函数解析
2017/02/06 PHP
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
jquery表单插件Autotab使用方法详解
2016/06/24 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
JS实现li标签的删除
2019/04/12 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
Python模拟百度登录实例详解
2016/01/20 Python
Python进程间通信之共享内存详解
2017/10/30 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
python里glob模块知识点总结
2021/01/05 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
中科软笔试题和面试题
2014/10/07 面试题
毕业生个人求职信范文分享
2014/01/05 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
初中生物教学随笔
2015/08/15 职场文书