如何根据电子邮件模板名称的选择创建依赖的tinymce textarea?

时间:2015-02-20 08:59:47

标签: javascript html tinymce sugarcrm

我正在使用SugarCRM 6.5.x CE版本。我想创建一个依赖功能,我有一个带有电子邮件模板名称列表的下拉字段。并且根据电子邮件模板的选择,textarea应填充电子邮件模板正文。所以,我已经取得了成果。

现在,我想在tinymce编辑器textarea中显示这个正文文本,而不是普通的textarea。现在,我通过浏览此网址How to convert textarea into tinymce editor

将我的textarea“转换”为tinymce编辑文本区域

现在,当我从下拉字段中选择电子邮件模板时,此tinymce textarea不会填写相应的正文文本。

这是我正常textarea的javascript及其工作

function display_text(){
    if(typeof(document.getElementsByName('email_template_c')[0].value) != "undefined"){
        var custom_data = document.getElementsByName('email_template_c')[0].value;
        if(custom_data != ''){
            $.ajax({
                url:'index.php?entryPoint=check_email_template_subject',
                data:{new_custom_data: custom_data},
                success: function(data){
                    if(data!= ''){
                        document.getElementsByName("email_template_body_c")[0].value = data;
                        SUGAR.util.callOnChangeListers(document.getElementsByName("email_template_body_c")[0]);
                    }else{
                        document.getElementsByName("email_template_body_c")[0].value = '';
                        SUGAR.util.callOnChangeListers(document.getElementsByName("email_template_body_c")[0]);
                    }
                }
            });
        }       
    }
}

这是我的tinymce编辑器textarea的代码,它不能正常工作

function display_text(){
    if(typeof(document.getElementsByName('email_template_c')[0].value) != "undefined"){
        var custom_data = document.getElementsByName('email_template_c')[0].value;
        if(custom_data != ''){
            $.ajax({
                url:'index.php?entryPoint=check_email_template_subject',
                data:{new_custom_data: custom_data},
                success: function(data){
                    if(data!= ''){
                        $("p").parent(".mceContentBody").val(data);
                        SUGAR.util.callOnChangeListers($("p").parent(".mceContentBody").val(data));
                    }else{
                        $("p").parent(".mceContentBody").val();
                        SUGAR.util.callOnChangeListers($("p").parent(".mceContentBody").val());
                    }
                }
            });
        }       
    }
}

此ajax从此check_email_template_subject.php文件中获取数据

<?php
    global $db; 

    if($_REQUEST['new_custom_data'] != null){
        $template_id = urldecode($_REQUEST['new_custom_data']);
        $query1 = "SELECT body FROM email_templates WHERE id = '$template_id'";
        $result1 = $db->query($query1);
        $row1 = $db->fetchByAssoc($result1);
        echo $row1['body'];
    }       
?>

这是tinymce编辑texarea的HTML代码,

<html>
<head xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=7">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body dir="ltr" id="tinymce" class="mceContentBody" contenteditable="true">
<p>//Here should come email template body text
<br>
</p>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

在tinyMCE中使用活动编辑器的setContent方法

假设你有价值

var txtVal = $(".dropdown").val(); // dropdown value 

//set value as in your active tinyMCE's textarea editor

tinyMCE.activeEditor.setContent(txtVal );

希望它能奏效:)