javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > arteditor 编辑器

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

投稿:mrr

artEditor是一款基于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富文本编辑器增加表单提交功能小编就给大家介绍这么多,希望对大家有所帮助!

您可能感兴趣的文章:
阅读全文