当前位置: 首页 > 编程笔记 >

ArtEditor富文本编辑器增加表单提交功能

景元忠
2023-03-14
本文向大家介绍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富文本编辑器增加表单提交功能小编就给大家介绍这么多,希望对大家有所帮助!

 类似资料:
  • Django集成UEditor (封装成应用) 百度富文本编辑器 http://ueditor.baidu.com/website/ 使用效果 测试环境 ubuntu 16.04 python3.5.2 django1.11.7 目前测试解决了出现的以下两个问题,都是python版本问题 error1 # name 'file' is not defined controller.py 68行

  • 富文本编辑,又称为WYSIWYG(What You See Is What You Get,所见即所得)。在网页中编辑富文本内容,是人们对Web 应用程序最大的期待之一。虽然也没有规范,但在IE 最早引入的这一功能基础上,已经出现了事实标准。而且,Opera、Safari、Chrome 和Firefox 都已经支持这一功能。这一技术的本质,就是在页面中嵌入一个包含空HTML 页面的iframe。通

  • uniapp能在app端编辑的富文本编辑器并且能够在pc端编辑的富文本编辑器有什么插件啊?求推荐大佬们推荐一个。。。。

  • 本文向大家介绍vue-quill-editor富文本编辑器简单使用方法,包括了vue-quill-editor富文本编辑器简单使用方法的使用技巧和注意事项,需要的朋友参考一下 文章刚开始先来介绍一下vue-quill-editor富文本编辑器的简单使用,具体操作步骤如下: 安装: main.js: 在需要使用的地方: 看到了一个网友分享的如何禁用vue-quill-editor 富文本编辑器,分享

  • 本文向大家介绍JS开发 富文本编辑器TinyMCE详解,包括了JS开发 富文本编辑器TinyMCE详解的使用技巧和注意事项,需要的朋友参考一下 一、题外话 最近负责了一个cms网站的运维,里面存在很多和编辑器有关的问题,比如编辑一些新闻博客,论文模块。系统采用的是FCKEditor,自我感觉不是很好,如下图 特别是在用户想插入一个图片的话,就很麻烦,所有用户共享一个文件目录,这样就不好了,于是便想

  • 我使用数据编辑器。当我尝试编辑并将其发布到服务器时,该行不断消失。刷新页面后,我可以看到实际更新的数据。 这是我的代码片段。 下面是服务器端脚本返回的JSON数据: 这个错误的可能原因是什么?