Question

我无法在TinyMCE编辑器中获取正确的内容。场景是这样的：管理员填写表格，表格分为3页（用jquery切换）。第一页他输入了客户的信息（姓名，公司名称等）。最后一页他可以发送电子邮件给他们。 TinyMCE textarea有前缀文本，在该文本之间，只要管理员填写第一页上的名称，我就想要客户的名字。它适用于

$('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中，但我一直在控制台中没有“替换”方法。 / p>

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

任何？

Answer 1

说你的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/

将DIV内容复制到TinyMCE

1 个答案: