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>


相关文章
|
8天前
uniapp的form表单自定义验证规则
uniapp的form表单自定义验证规则
54 0
|
8天前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
50 1
|
设计模式 JavaScript 数据库
表单防止重复提交的四种方式
表单防止重复提交的四种方式
195 0
|
数据安全/隐私保护
抽离配置,几分钟快速创建和修改表单
抽离配置,几分钟快速创建和修改表单
144 0
|
前端开发
前端工作小结60-表单重置
前端工作小结60-表单重置
65 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
133 0
SwiftUI—如何激活表单以及如何使表单失效
|
JSON 运维 JavaScript
《前端那些事》从0到1开发动态表单
前沿:中后台应用中表单需求颇多,左手一个表单,右手又是一个表单,无穷无尽,如果用模版一个个来写,不单写起来费时费力,而且看起来也是天花乱坠,于是这个时候你会去设想,那有没有什么方式可以去替换琐碎的手写表单模版的方式呢?让表单是“配出来”的,而不是撸出来的,让你轻松解决 form 表单,也不再为表单而烦恼。答案就是:动态表单
257 0
《前端那些事》从0到1开发动态表单
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2356 0
自定义抖动表单
在线演示 本地下载
758 0
|
索引
表单提交的简单优化
今天,分配的任务做完,问我们组长有没有工作需要帮助,她来了句把自己代码优化下,影响性能的地方,以及 不规范的地方 自己优化下,然后给她看... (等着被吊) image.
1012 0

热门文章

最新文章