2011-12-21 8 views
1

フォーム要素としてAloha HTML5 RTEを使いたいです。 http://aloha-editor.org/index.php"content editable"機能を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を送った可能性があり、フォーム要素のための同様の機能をしたいです。

実現可能ですか?どうやって ?

+0

セクションに変更機能を追加し、非表示の入力フィールドに入力することはできますか?私はまだ「満足のいくもの」で働いていないので、私は分かりません。 –

答えて

1

私は、テキストエリアにアロハエディタを使用する方法についていくつかの時間前にブログの記事を書いた:なアロハエディタなどhttp://www.supnig.com/blog/using-aloha-editor

A WYSIWYGエディタが真=のcontentEditableよりもはるかに多くのですが、それは奇妙なブラウザのすべての種類のアカウントコンテンツを適切にフォーマットする機能を追加しました。

アロハエディタを使用したくない場合は、フォームの送信イベントをリッスンし、contenteditable要素の内容を取得し、送信されたデータに注入する必要があります。

+0

コードの小さなデモは大きな助けになるでしょう。 jsFiddleデモかもしれませんか? –

+1

ここに行きます:http://jsfiddle.net/znWvT/4/ – csupnig

+0

フィドルの上には非常に便利ですが、私はあなたが逃した興味深い面を見ました。 submit text-areaを押すと、その内部にhtmlマークアップ付きの通常のテキスト領域になります。アロハの編集者は単に消えます。提出した後でも、アロハエディタをテキスト領域に結びつけておく方法は? あなたはフィドルを更新できますか? –

関連する問題