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模拟页面加载进度条的实现代码
Dec 19 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
Jquery对数组的操作技巧整理
Mar 25 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
Jun 12 Javascript
详解JavaScript对象类型
Jun 16 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
基于mysql的bbs设计(四)
2006/10/09 PHP
php strcmp使用说明
2010/04/22 PHP
PHP return语句的另一个作用
2014/07/30 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
jquery单选框radio绑定click事件实现方法
2015/01/14 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
js实现下一页页码效果
2017/03/07 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
2017/07/12 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
JavaScrip如果基于url实现图片下载
2020/07/03 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
python3编码问题汇总
2016/09/06 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
Python实现图像的垂直投影示例
2020/01/17 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
英国天然宝石首饰购买网站:Gemondo Jewellery
2018/10/23 全球购物
如何理解委托
2012/01/06 面试题
六年级数学教学反思
2014/02/03 职场文书
实习公司领导推荐函
2014/05/21 职场文书
英语专业求职信
2014/07/08 职场文书
开发房地产协议书
2014/09/14 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
pytest配置文件pytest.ini的详细使用
2021/04/17 Python
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
python基于turtle绘制几何图形
2021/06/15 Python