artEditor增加表单提交功能

简介: 摘要:   artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情、小视频等功能。最近有朋友反馈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>

 

相关文章
|
28天前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
29 1
|
设计模式 JavaScript 数据库
表单防止重复提交的四种方式
表单防止重复提交的四种方式
185 0
|
数据安全/隐私保护
抽离配置,几分钟快速创建和修改表单
抽离配置,几分钟快速创建和修改表单
142 0
|
前端开发
前端工作小结60-表单重置
前端工作小结60-表单重置
63 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
131 0
SwiftUI—如何激活表单以及如何使表单失效
|
JavaScript
post方式进行无刷新删除
post方式进行无刷新删除
149 0
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2328 0
|
SQL
【自然框架】表单控件 之 一个表单修改多个表里的记录
      FormView 确实挺方便的,不过他也有几个小问题,只把FormView拖到页面里是不行的,还得再拽几个文本框、下拉列表框这一类的控件,还得布局。然后还要弄一个DataSource的控件,利用这个控件把文本框等控件和字段对应上,DataSource也有一个致命的缺点,默认情况下,他是把SQL语句以属性的形式放在了.aspx页面里面。
883 0
自定义抖动表单
在线演示 本地下载
756 0