2016-05-16 51 views
0

私は静的divでtinymceを開始するとうまく動作します。 これは私がユーザーが新しい投稿を投稿できるように使用しています。divに動的にTinyMCEを追加

その後、DBからループを介して表示されている投稿を編集したい場合、彼は編集を押して、新しいtinymceインスタンスをコンテンツdivに添付します。ここまでは順調ですね。

問題は、編集したポストを更新するときに、ajaxがtinymceエディタをシリアル化できないことです。

<div id="content_text_<?php echo($id); ?>" class="event-edit-input textarea-content"> 
    <?php echo($content); ?> 
</div> 

これは、ユーザーが編集に当たったときに呼び出される関数です:

/////// create a tinymce instance and apend it to the given element ////// 
function create_tinymce(element){ 
tinymce.init({ 
    selector: element, 
    skin: 'jb', 
    content_css : 'css/tinymce-style.css', 
    menubar: false, 
    toolbar: 'undo redo | bold italic fontsizeselect | alignleft aligncenter alignright alignjustify | link', 
    fontsize_formats: '8px 10px 12px 14px 18px 24px 36px', 
    entity_encoding: 'named' 
}); 
} 

その後、関数はフォームを投稿する:

/////// posting the form //// 
function post_form(form, script, editor){ 

tinyMCE.triggerSave(true, true); 

var serialized_form = $("#"+form).serialize(); 

alert(serialised_form); 

} 

私はシリアル化されたフォームデータを警告すると、すべてのもの錫の含有量が現れることを除いて。

私はそれを得ることができません、私の作業設定との唯一の違いは、後者は静的で動的に作成されていないことです。

誰でも私をここで助けることができます...?

乾杯 クリス

+0

使用しているTinyMCEのバージョンは何ですか?どのブラウザでテストしていますか? – Daryl

+0

私は4.3.12を使用しており、サファリを試しています – Chris

答えて

0

エディタの変更イベントに基本となるフィールドが自動的に更新されるように、あなたはTinyMCEのinitをにtriggerSave()機能を追加してみてください可能性が...

tinymce.init({ 
    selector: "textarea", 
    . 
    . 
    setup: function (editor) { 
     editor.on('change', function() { 
      tinymce.triggerSave(); 
     }); 
    } 
}); 

これは必要性を排除するであろうこれを行うにはAJAXを介してフォームを投稿しようとします。

更新:セレクタがSTRINGまたはDOM要素ですか?私はあなたのコード

function create_tinymce(element){ 
tinymce.init({ 
    selector: element, 
    skin: 'jb', 
    ... 

で見たものに基づいて、それはあなたがDOM要素を提供しようとしている(またはjQueryのDOM要素をラップ)のように見えます。ここに記載されているように、セレクタパラメータはSTRINGを期待:

https://www.tinymce.com/docs/configure/integration-and-setup/#selector

文字列は、その作業を行います(テストなど)、ハードコードした場合?

+0

試しました。 フィールドが更新されず、フィールドが完全に存在しないように見えることはありません。 私が質問に述べたように、私は完璧に動作するtinyMCE divを持つ静的なフォームを持っています。 – Chris

+0

あなたの2台の小型MCEエディタは同じページにあり、同時にアクティブになっていますか? – Daryl

+0

@Chrisあなたのinitの 'selector'部分については私の更新を見てください。 –

関連する問題