DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> ArtEditor富文本編輯器增加表單提交功能
ArtEditor富文本編輯器增加表單提交功能
編輯:關於JavaScript     

摘要:

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved