2017-05-15 17 views
0

私はlambvel 5.4アプリケーションで作業しています。コンテンツを追加するためにtinymceプラグインが含まれています。これは正常に動作しています。このコンテンツはデータベースに保存され、htmlテーブルに表示され、編集または削除することができます(通常のクルド)jquery - ブートストラップモーダル内のデータをデータに埋め込む

問題は編集ボタンをクリックするとモーダルがポップアップしますが、ブランク。以下、このビットを扱うjqueryのであり、また、TinyMCEのハンドリング機能:

$(function(){ 
    $('.edit-subchapter').on('click', function(){ 
     var id = $(this).attr("value"); 
     $.get('subchapters/edit/'+id, function(response){ 
      for (var i in response) 
      { 
       console.log(response[i].content); 
       $("#formEdit #content").val(response[i].content); 
      } 
     },'json'); 
    }); 
}); 

var editor_config = { 
path_absolute : "{{URL::to('/')}}/", 
selector  : "textarea", 
plugins: [ 
    "advlist autolink lists link image charmap hr anchor pagebreak", 
    "insertdatetime media nonbreaking save table contextmenu directionality" 
], 
menubar: false, 
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media" 
}; 

tinymce.init(editor_config); 

奇妙な部分は私のconsole.log(response[i].content);はので、私はそのビットが問題はそう

を働いている知っているデータベースからデータを返しているということですテキストエリアに渡されたとき:$("#formEdit #content").val(response[i].content);、何も表示されません。これは私の理解の中で最も重要な問題です。何が問題なの?

答えて

0

ok。私はそれを考え出した。 tinymceで値を設定すると、実行時にテキスト領域が置き換えられるため、htmlコントロールは使用しません。

ので、代わりにこの:

tinymce.get('content').setContent(response[i].content); 

とTinyMCEの中で値を編集した後、その値をキャプチャするために、代わりに::

$("#formEdit #content").val(); 

$("#formEdit #content").val(response[i].content); 

我々はこれを持っています

we have:

tinymce.get('content').getContent(); 

ここではいくつかの素敵な参照サイト:

http://archive.tinymce.com/wiki.php/TinyMCE3x:How-to_load/save_with_Ajax_in_TinyMCE

https://forums.asp.net/t/1825756.aspx?Set+value+of+textarea+tinymce+in+jQuery+

が、これは同様の問題

と誰にでも役立つことを願っています
関連する問題