ブートストラップwysiwyg：サーバー側でフォーマットされたテキストを取得する方法は？

Question

私はブートストラップを学んでおり、wysiwygエディタを持っています。私はブートストラップwysiwygを見つけてそれを使いたいと思った。

http://mindmup.github.io/bootstrap-wysiwyg/

しかし、私は、フォームが送信されたときに、サーバー側でフォーマットされたテキストを取得する方法を見つけ出すことはできません。

Answer 1

として、あなたはそれを得ることができます。ここに方法があります。

隠し入力フィールドまたはテキストエリアフィールドが必要です。このフィールドには、オブジェクトのフィールド名にname属性が設定されている場合があります。その名前は、サーバー側が予期しているものでなければなりません。

フォームの送信イベントハンドラをwysiwygエディタを含むフォームに添付するために、JQueryを使用します。ハンドラはwysiwygエディタからテキストを取り出し、それを隠しフィールドの値として設定します。

これは他の人に役立ちます。

Answer 2

<textarea class="textarea" name="mytext" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea> 

使用のval（）

$('.textarea').wysihtml5(); 

$('.textarea').val(); 

http://jsfiddle.net/suhailvs/vNPAJ/3/

私はこれを行う方法を見つけたポスト

request.POST['mytext'] 

Answer 3

これは古いスレッドですが、このヒントは他の人に役立つかもしれません。

courious1で述べたように、フォーム上に隠れたテキストエリア（例：id = hidden-editor）を作成する必要があります。 と下にJavaScriptを使用して、当社の＃隠されたエディタに#editorに値を渡す：私は最終的に、この解決策を考え出した

//-- submit button clicked 
$('#submit-btn').click(function(){ 
    $('#hidden-editor').html(
     $("#editor").html() 
    ); 
}); 

Answer 4

。 onclickの仕事をすることはできませんでした...しかし、リアルタイムの変更は便利です。アイデアをありがとう。続き

$('#editor').bind("DOMSubtreeModified",function(){ 
       $('#you_hidden_textarea').html(
         $("#editor").html() 
       ); 
      }); 

Answer 5

は、私がIDとしてエディタを使用していると私はまた、保存ボタンを設定し、ここでは、次のdiv要素にbootstrap-wysiwyg

セットIDのエディタの内容を取得する方法です。

<div id="editor"> 
     Go ahead&hellip; 
    </div> 

<a class="btn" data-edit="bold" id="saveBtn" title="Save"><i class="icon-save"></i></a> 

その後

$('#editor').wysiwyg(); 

$('#saveBtn').on('click',function(){   

     console.log($('#editor').html()); 

     }) 

これは将来的に他の誰か