2016-06-17 3 views
0

ここに私がしたいことがあります。入力とアップロードで異なるコンテンツを作成し、最後にすべてのコンテンツをまとめて追加します。私はプレビューのために私のモーダルにコンテンツを追加するためにjQueryを使用しています。最初に複数回追加するという問題がありましたが、それを1つの問題で解決しました。(「クリック」...変更すると一度だけ外付けに置き換えます

エディタでコンテンツを編集するときに、そのコンテンツを認識して内容を変更する必要があります。 ()か何か?それともカスタム関数が目的のようなもののためにすでに存在している。

function appendAll($param){ 
     var test = tinyMCE.activeEditor.getContent();    

     $($param).append(test); 

    } 

    $("#preview").one("click", function() { 
     $("#preview").change(appendAll('.modal-body')); 

    }); 
+0

その '$( "#プレビュー")。( "クリック" に、 function(){' – Varun

+0

@Varun' .one(event、handler) 'は有効です。単一イベントのハンドラと要素/オブジェクトをバインドします。 – hungerstar

+0

.oneは一度だけ実行すると宣言します。私が.onを使うと、何度も何度もコンテンツを追加するという問題があります。しかし、プレビューでは、ユーザーは明らかにそれを一度しか見るべきではありません。彼らは5-10回のようにプレビューボタンをクリックしています。 – Isengo

答えて

1

はこれを試してみてください。

<div class='modal-body'> 
    <span class='tinyMCE_content'></span> 
</div> 

function appendAll($param){ 
     var test = tinyMCE.activeEditor.getContent(); 
     $($param).html(test); 
    } 

    $("#preview").on("click", function() { 
     $("#preview").change(appendAll('.modal-body span.tinyMCE_content')); 

    }); 
+0

は、スタイリングする代わりにタグを出力するので、このように機能します。 – Isengo

+0

tinyMCEのコンテンツ以外に、 '.modal-body'の中には何がありますか? – Varun

+0

.textの代わりに.htmlを使用します。これはすぐに来るでしょう。それは画像とリンク、さらにはエディタの内容になります。私は配列を使用してforeachでそれをスローする必要があると思います。 – Isengo

関連する問題