如何將「內容編輯」功能集成到HTML表單元素中？

我想使用Aloha HTML5 RTE作爲表單元素。 http://aloha-editor.org/index.php 如何將「內容編輯」功能集成到HTML表單元素中？

最終歸結爲「ContentEditable」屬性。通常用作

<section contenteditable="true" id="editable"> 
<h2>Go ahead, edit away!</h2> 
<p>Here's a typical paragraph element</p> 
<ol> 
<li>and now a list</li> 
<li>with only</li> 
<li>three items</li> 
</ol> 
</section>

我想爲表單元件類似的特徵，因此我可以發送格式化的HTML服務器側爲形式名稱/值對。

可行嗎？怎麼樣？

來源

2011-12-21 Rakesh Waghela

你可能會添加一個更改功能的部分，然後填充隱藏的輸入字段？我還沒有與'contenteditable'合作過，所以我不知道。 – 2011-12-21 06:56:40

我寫了一篇博客文章前一段時間關於如何在文字區域使用阿羅哈編輯：http://www.supnig.com/blog/using-aloha-editor

所見即所得的編輯器，如阿羅哈編輯器比CONTENTEDITABLE =會更加明顯，它佔各種奇怪的瀏覽器行爲並添加功能來正確地格式化您的內容。

如果您不想使用Aloha Editor，您必須在表單上偵聽提交事件並獲取contenteditable元素的內容並將其注入發送的數據。

來源

2013-02-26 15:34:39 csupnig

您的代碼的一個小演示將是一個很大的幫助。可能是一個jsFiddle演示？ – 2013-02-26 16:27:05

在這裏你去：http://jsfiddle.net/znWvT/4/ – csupnig 2013-02-26 23:04:31

上面的小提琴是相當有用的，但我觀察了一個有趣的方面，你錯過了。按提交文本區域後，它成爲正常的文本區域與其中的HTML標記。阿羅哈編輯只是消失了。即使提交後，如何保持aloha編輯器與文本區域綁定你能不能更新小提琴？ – 2013-02-27 08:11:12

如何將「內容編輯」功能集成到HTML表單元素中？

回答

相關問題