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>


相关文章
|
7月前
uniapp的form表单自定义验证规则
uniapp的form表单自定义验证规则
285 0
|
7月前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
|
5月前
|
缓存 安全 Java
Form表单提交方式比较与优化策略
Form表单提交方式比较与优化策略
|
前端开发
怎么查看前端表单提交到后台的所有参数
怎么查看前端表单提交到后台的所有参数
35 0
|
JavaScript 开发者
要不要来看看浏览器视图更新的底层规则?
大家在操作原生的 DOM 的时候,有没有遇到过这样一个问题,就是我修改了 DOM 的属性,但是浏览器并没有立即更新视图,而我们开发者为了获取这次更新的结果,通常会使用 setTimeout 这样的方法
119 0
要不要来看看浏览器视图更新的底层规则?
|
JSON 前端开发 JavaScript
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
1530 0
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2497 0
|
数据采集 JavaScript 前端开发
前后台分离使用cookie判断用户状态以及传递参数
在之前学习servlet的时候,当时做的小网站需要登陆并且判断信息,当时使用session传值,使用fitter过滤判断,当时感觉哇,session咋这么好用,cookie是啥玩意,还不方便。
169 0
|
前端开发 API 数据安全/隐私保护
如何判断用户浏览器以及一些前端常用的正则表单验证
前言 在我们做用户授权登录(微信,qq授权),以及根据对应浏览器做对应的操作的时候,经常会遇到需要判断用户使用的浏览器的需求,以及在需要用户输入信息的时候,有需要验证的一些正则。如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 个人博客了解一下:obkoro1.com 判断用户浏览器 navigator.userAgent 判断用户所使用的浏览器主要用到的api是navigator.userAgent,这是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值,不同浏览器的userAgent值都不相同,所以我们可以根据这个字符串来判断用户是从哪个浏览器进
142 0
如何判断用户浏览器以及一些前端常用的正则表单验证
|
JavaScript
post方式进行无刷新删除
post方式进行无刷新删除
201 0