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

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

WBOY
發布: 2016-05-16 15:04:59
原創
1593 人瀏覽過

摘要:

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板