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

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

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

摘要:

  artEditor.js是一款行動端的富文本編輯器,支援圖片上傳,後面會增加表情、小影片等功能。最近有朋友回饋artEditor是否支援表單提交,當然是支援的,在未開發該功能之前,你可以像下面這樣來實現表單提交

1

2

3

4

5

$('.submit').on('click', function(e) {

e.preventDefault();

$('.hidden').val($('#artEditor').getValue());

$(this).submit();

});

登入後複製

新功能:

  新增formInputId參數,此參數表示form隱藏域的id,會將編輯器內容放到隱藏域中,如下:

1

2

3

4

5

6

7

8

9

10

<form action="">

<input type="hidden" id="target">

<div id="artEditor">

</div>

</form>

<script>

$('#artEditor').artEditor({

formInputId: 'target'

});

</script>

登入後複製

相關閱讀:

jQuery 行動端artEditor富文本編輯器

關於ArtEditor富文本編輯器增加表單提交功能小編就給大家介紹這麼多,希望對大家有幫助!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
java - C語言演算法題-韓信點兵 解法?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板