Скопируйте содержимое DIV в TinyMCE

Question

Скопируйте содержимое DIV в TinyMCE

0

У меня возникли проблемы с получением правильного контента в редакторе TinyMCE. Сценарий выглядит так: Admin заполняет форму, форма разделяется на 3 страницы (переключение с jquery). На первой странице он вводит информацию (имя, название компании и т.д.) Своих клиентов. На последней странице он может отправить им электронное письмо. Текстовое поле 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 с содержимым префикса и именем клиента, чтобы извлечь итоговое содержимое из div и вставить его в TinyMCE, но я продолжаю получать, не используя метод "replace" в консоли.

$('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);
});

Кто угодно?

user2841592 03 окт. 2013, в 10:18

Источник

Теги:

javascript

jquery

html

forms

tinymce

1 ответ

Ещё вопросы

Mina · Accepted Answer · 2013-10-03T06-00-00.000Z

Скажите, что ваш 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 при изменении ввода текста

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/

Именно то, что мне было нужно! Большое спасибо!