htmlbox post value with form submit

Question

htmlbox jqueryプラグインを使用しています。 テキストを入力しただけでツールバーのボタンを使用していないときにフォームを送信すると、新しいデータの代わりに古いデータが送信されます。テキスト。 最初にツールバーボタンを押すと（たとえば、太字のテキストにする）、新しいテキストが送信されています。

このプラグインにはget_html関数とget_text関数があります。まず、wysiwygeditorを送信する前にクエリを実行するか、他に何か不足していますか？

プラグイン - ウェブサイト上で与えられた例では、カスタムsubmitmethodを使用して、私はちょうど1つのテキストフィールドを掲示するために、私は定期的に<input type=submit ..>

編集を使用して完全な形を掲示好むcontrollermethodのサーバーサイド（のASP MVC）を持っていないことを好みます。これは、回避策として動作しますが、単に間違っている感じ

$('#form').submit(function() { (hb.val(hb.get_html())); }); 

Answer 1

htmlBoxの組み込み関数を使用するには、この操作を行います。 変数にhtmlbox（）の戻り値を割り当て、その変数を使用してhtmlBoxのメソッドを呼び出します（例えばhb_full.get_html （）;または他の方法）。以下のコード例を参照してください。

<script type="text/javascript"> 
    var hb_full; 
$(document).ready(function(){ 
     hb_full = $("#htmlbox_full").css("height", "300").css("width", "100%").htmlbox({ 
      toolbars: [ 
       [ 
        // Cut, Copy, Paste 
        "separator", "cut", "copy", "paste", 
        // Undo, Redo 
        "separator", "undo", "redo", 
        // Bold, Italic, Underline, Strikethrough, Sup, Sub 
        "separator", "bold", "italic", "underline", "strike", "sup", "sub", 
        // Left, Right, Center, Justify 
        "separator", "justify", "left", "center", "right", 
        // Ordered List, Unordered List, Indent, Outdent 
        "separator", "ol", "ul", "indent", "outdent", 
        // Hyperlink, Remove Hyperlink, Image 
        "separator", "link", "unlink", "image" 
       ], 
       [ 
        // Show code 
        "separator", "code", 
          // Formats, Font size, Font family, Font color, Font, Background 
        "separator", "formats", "fontsize", "fontfamily", 
        "separator", "fontcolor", "highlight", 
       ], 
       [ 
        //Strip tags 
        "separator", "removeformat", "striptags", "hr", "paragraph", 
        // Styles, Source code syntax buttons 
        "separator", "quote", "styles", "syntax" 
       ] 
      ], 
      about: true, // "false" to hide About button 
      idir: "./img/HtmlBoxImg/", 
      icons: "default", //all options: "default", "silk" 
      skin: "blue"  //all options: "silver", "blue", "green", "red" 
     }); 
    }); 

    function getHtmlFromEditor() 
    { 
     var HtmlFromEditor = hb_full.get_html(); 
     alert(HtmlFromEditor); 
    } 
    </script> 

    <textarea id="htmlbox_full"></textarea> 
<button onclick="getHtmlFromEditor();">Display HTML</button>