Question

我必须在我的表单中使用文本编辑器即tinymce。我必须在文本编辑器中选择组合框时显示数据。简单地使用textarea没有问题我可以在选择组合时获得文本区域的值。现在我必须使用文本编辑器而不是简单的textarea。我的观点代码是：

<div class="row col2">
<?php echo $form->labelEx($model,'template'); ?>

<?php 
        $records = CHtml::listData(EmailTemplate::model()->findAll(array('order' => 'email_template_id','condition'=>"status= '1'")), 'email_template_id', 'subject');
        // echo $form->dropDownList($model,'template',$records,array('id'=>'myDropDown','empty' => 'Select'));

            echo $form->dropDownList($model,'template',$records,array(
                                  'id' => 'myDropDown',
                                  'empty' => 'Select Template',
                                  'ajax' => array(
                                  'type'=>'POST',
                                  'url'=>CController::createUrl('reply/description'),//your controller and action name
                                  'update'=>'#myTextArea', 
                                  'success'=> 'function(data) {
                                    $("#myTextArea").empty(); 
                                    $("#myTextArea").val(data); 

                                  } '
                                  ))); 
            ?>

<?php echo $form->error($model,'template'); ?>
</div>

<div class="row col2">
          <?php echo $form->labelEx($model,'message'); ?>
          <?php echo                $form->textArea($model,'message',array('id'=>'myTextArea','style'=>'width: 680px; height: 300px;')); ?>
          <?php echo $form->error($model,'message'); ?>
      </div>

我的js代码如下：

   <script type="text/javascript">
    tinymce.init({
    selector: "textarea#myTextArea",
    theme: "modern",
    preformatted:true,
    width: 700,
    height: 300,
   plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        "save table contextmenu directionality emoticons template paste textcolor"
   ],
   content_css: "css/content.css",
   menubar:false,

    toolbar: "bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent| forecolor backcolor",

 }); 

 </script>
<script>
$('#myDropDown').on('change', function() {
    $.ajax({
        url: "<?php echo $this->createUrl('reply/description'); ?>",
        dataType: 'html',
        type: 'POST',
        data: {dropDownValue: $(this).val()},
        success: function(template, textStatus, jqXHR) {
            alert(data);
            $('#myTextArea').val(data);
        }‌
    });
});
 </script>

我的控制器是：

 public function actionDescription()
{   
    $cvId=0;
    $cvId= $_POST['Reply']['template'];
      if (Yii::app()->request->isAjaxRequest) {
          if($cvId>0){
        $templateModel=EmailTemplate::model()->findByPk($cvId);
        echo $templateModel->description;
       }

    }
}

Answer 1

一旦TinyMCE出现在页面上，只需更改底层文本区域的内容（您正在进行AJAX调用）将不会导致TinyMCE重新加载内容。

您需要使用TinyMCE的API在AJAX调用的成功方法中设置编辑器的内容。

例如：

tinyMCE.activeEditor.setContent(data);

...其中data是一个包含AJAX调用返回的内容的字符串。

Answer 2

好的我找到了我的问题的答案。在下拉列表代码中进行了简单的更改。现在效果很好。

<?php 
$records = CHtml::listData(EmailTemplate::model()->findAll(array('order' => 'email_template_id','condition'=>"status= '1'")), 'email_template_id', 'subject');
echo $form->dropDownList($model,'template',$records,array(
                                  'id' => 'myDropDown',
                                  'empty' => 'Select Template',
                                  'ajax' => array(
                                  'type'=>'POST',
                                  'url'=>CController::createUrl('marketingEmail/description'),
                                  'update'=>'#myTextArea', 
                                  'success'=> 'function(data) {
                                    $("#myTextArea").empty(); 
                                    tinyMCE.activeEditor.setContent(data); 

                                  } '
                                  ))); 
            ?>

单击组合框时显示texteditor tinymce中的值：Yii 1.1

2 个答案: