1

我有 2 个文本区域，我正在来回切换。一个 timymce 文本编辑器 textarea 和一个普通文本区域。我在 tinymce 文本编辑器中输入的任何内容也应该反映到普通文本区域，反之亦然。我已经通过 javascript 中的 onclick 事件成功完成了此操作，但没有使用 onchange 和 onblur。我想像使用 onclick 事件一样获得它。有没有办法做到这一点？如果没有，有人可以给我另一个解决方案吗？谢谢您的帮助。这是我的代码：

<div id="tabs">

 <ul>
     <li class="rich_zone"><a class="rich_text" href="#tabs-1">Rich Text Editor</a></li>
     <li class="normal_zone"><a class="normal_text" href="#tabs-2">Normal Text</a></li>
 </ul>

 <div class="row" id="tabs-1" style="clear:both;">
      <div class="span7"><?php  echo form_textarea($course_desc);?> </div>
 </div>

 <div class="row" id="tabs-2" style="clear:both;">
       <div class="span7"><?php  echo form_textarea($course_desc_normal);?> </div>
 </div>

我的 javascript onclick 事件（成功运行）：

$(".rich_zone").click(function(){
var normal_text = $(".course_desc_normal").val();
tinyMCE.activeEditor.setContent(normal_text);
});

$(".normal_zone").click(function(){
var rich_text = tinymce.get('course_desc').getContent({format:'text'});
$(".course_desc_normal").val(rich_text);
});

javascript onchange 事件（不工作）

  $(".rich_zone").change(function(){
  var normal_text = $(".course_desc_normal").val();
 tinyMCE.activeEditor.setContent(normal_text);
  });

 $(".normal_zone").change(function(){
 var rich_text = tinymce.get('course_desc').getContent({format:'text'});
 $(".course_desc_normal").val(rich_text);
 });

javascript onblur 事件（不工作）

  $(".rich_zone").blur(function(){
  var normal_text = $(".course_desc_normal").val();
 tinyMCE.activeEditor.setContent(normal_text);
  });

 $(".normal_zone").blur(function(){
 var rich_text = tinymce.get('course_desc').getContent({format:'text'});
 $(".course_desc_normal").val(rich_text);
 });
4

1 回答 1

0

您可以以类似的方式跟踪编辑器中的更改。 注意下面的代码是针对 CKEDITOR 的。

//Code to track Change in Editor
            //this code segment required to be on top
            //prior to creating instances
            CKEDITOR.on('instanceCreated', function (e) {
                e.editor.on('contentDom', function () {
                    e.editor.document.on('keyup', function (event) {

                   //do your stuff here.
                        alert("modified");
                    });
                });
            });
于 2013-10-08T14:07:11.153 回答