首頁  >  文章  >  web前端  >  ArtEditor富文本編輯器增加表單提交功能_javascript技巧

ArtEditor富文本編輯器增加表單提交功能_javascript技巧

WBOY
WBOY原創
2016-05-16 15:04:591558瀏覽

摘要:

  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富文本編輯器增加表單提交功能小編就給大家介紹這麼多,希望對大家有幫助!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn