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中getUTCMonth()方法的使用
Jun 10 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
vue组件之Alert的实现代码
Oct 17 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
JS+Canvas实现五子棋游戏
Aug 26 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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函数指定默认值方法的小例子
2013/12/04 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
javascript数组去重方法终极总结
2014/06/05 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
js指定步长实现单方向匀速运动
2017/07/17 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
python中Switch/Case实现的示例代码
2017/11/09 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
python已协程方式处理任务实现过程
2019/12/27 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
销售助理岗位职责
2014/02/21 职场文书
中层干部培训方案
2014/06/16 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
销售会议开幕词
2015/01/28 职场文书
工作推荐信模板
2015/03/25 职场文书
电频谱管理的原则是什么
2022/02/18 无线电