ArtEditor富文本编辑器增加表单提交功能
作者:bea
摘要: artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交,当然是支持的,在未开发该功能之前,你可以像下面这样来实现表单提交 $('.submit').on('click', function(e) {e.preventDefault();$('.hidden').val($('#artEditor').getValue());$(this).submit();});
摘要:
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>
相关阅读:
jQuery 移动端artEditor富文本编辑器
关于ArtEditor富文本编辑器增加表单提交功能小编就给大家介绍这么多,希望对大家有所帮助!
有用 | 无用
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>
相关阅读:
jQuery 移动端artEditor富文本编辑器
关于ArtEditor富文本编辑器增加表单提交功能小编就给大家介绍这么多,希望对大家有所帮助!
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript html5摇一摇功能的实现
- 一些实用性较高的js方法
- jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
- JavaScript中创建对象的模式汇总
- 简单讲解jQuery中的子元素过滤选择器
- 举例讲解jQuery中可见性过滤选择器的使用
- html5+javascript实现简单上传的注意细节
- jQuery的内容过滤选择器学习教程
- 原生JS和jQuery版实现文件上传功能
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- jQuery 如何给Carousel插件添加新的功能
- AngularJS入门教程之AngularJS模型
- AngularJS入门教程之AngularJS指令
- AngularJS入门教程之AngularJS表达式
- jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
- jQuery使用$.each遍历json数组的简单实现方法
- jQuery validate+artdialog+jquery form实现弹出表单思路详解
- JS中artdialog弹出框控件之提交表单思路详解
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)