2013-10-03 142 views
0

我無法在我的TinyMCE編輯器中獲取正確的內容。該方案是這樣的: 管理員填寫表單,表單被分成3頁(用jQuery切換)。他在第一頁輸入他的顧客的信息(姓名,公司名等)。最後一頁,他可以發送電子郵件給他們。 TinyMCE textarea具有前綴文本,並且在該文本之間,只要管理員填寫第一頁上的名稱,就需要客戶的名稱。它與將DIV內容複製到TinyMCE

$('input[name="info_name"]').change(function(){ 
    var info_name = this.value; 
    tinyMCE.activeEditor.setContent(info_name); 
}); 

但是,沒有前綴的文本,因爲文本必須在前綴之間。只是我想要什麼原料例如:

<div page1> 
    <input name="name">blablabla</input> 
</div> 
<div page3> 
    <textarea> 
     dear $name, 
     prefix text 
    </textarea> 
</div> 

我與前綴內容隱藏的DIV,和客戶的名字,來提取股利的總含量,並將其插入到TinyMCE的,但我一直在控制檯中沒有方法'替換'。

$('input[name="info_name"]').change(function(){ 
    var info_name = this.value; 
    $('span#info_name').append(this.value); 
    var mailcontent = $('div#message-hidden').val; 
    tinyMCE.activeEditor.setContent(mailcontent); 
}); 

有人嗎?

回答

0

說你的HTML是

<p><input type="text" name="first_name" class="test" /></p> 

<textarea>Your content here.</textarea> 

<div class="dummy">Your __NAME__ here!</div> 

這個js在文本輸入這裏改變

tinymce.init({selector:'textarea'}); 

$(document).on('change', $('input.test'), function(){ 
    dummy_html = $('div.dummy').html(); 
    editor_content = dummy_html.replace("__NAME__", $('input.test').val()); 
    tinymce.activeEditor.setContent(editor_content); 
}); 

工作實例http://fiddle.jshell.net/4n3Cr/

+0

正是我需要將設置活躍的TinyMCE編輯器的內容!非常感謝! – user2841592