DIV 콘텐츠를 TinyMCE에 복사하십시오.

TinyMCE 편집기에서 올바른 콘텐츠를 얻는데 문제가 있습니다. 시나리오는 다음과 같습니다. 관리자가 양식을 채우면 양식이 3 페이지 (jquery로 전환)로 분할됩니다. 첫 페이지에는 고객의 정보 (이름, 회사 이름 등)를 입력합니다. 마지막 페이지에서 전자 메일을 보낼 수 있습니다. TinyMCE 텍스트 영역에는 접두어가 붙은 텍스트가 있고 그 텍스트 사이에는 관리자가 첫 번째 페이지의 이름을 채우 자마자 고객의 이름이 필요합니다. 그것은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); 
});

누구나?

출처

2013-10-03 user2841592

은 HTML이 텍스트 입력이 여기에 내가 필요 정확히 무엇을 http://fiddle.jshell.net/4n3Cr/

출처

2013-10-03 08:46:08 Mina

을

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); });

작동 예를 변경할 때 활성 TinyMCE를 편집기의 내용을 설정합니다 JS

<p><input type="text" name="first_name" class="test" /></p> <textarea>Your content here.</textarea> <div class="dummy">Your __NAME__ here!</div>

입니다 말! 많은 감사합니다! – user2841592

DIV 콘텐츠를 TinyMCE에 복사하십시오.

답변

관련 문제