Javascript 表：将TinyMCE内容传递回textarea

嗨，我在一个文本区域混合了tinyMCE jquery插件和jeditable。单击可编辑元素时，它将变成tinymce iframe。现在，我需要使用tinymce.triggerSave（）将iframe内容传递回textarea，然后再对表单进行Ajax处理

有人知道吗

    function editNote(){
    $('.edit').editable('<?php echo base_url(); ?>index.php/notes/edit', {
         type      : 'textarea',
         onblur    : 'ignore',
         cancel    : 'Cancel',
         submit    : 'OK',
         indicator : "<img src='<?php echo base_url(); ?>css/images/indicator.gif'>",
         tooltip   : 'Click to edit...'

     });
 }

 $('.edit').live('click', function(){
    editNote();
    $('textarea').tinymce({
                    // Location of TinyMCE script
                    script_url : '<?php echo base_url(); ?>js/tiny_mce/tiny_mce.js',

                    // General options
                    theme : "simple"
});
});

函数editNote（）{
$（'.edit'）.editable（'index.php/notes/edit'{
键入：“textarea”，
onblur:“忽略”，
取消：“取消”，
提交：“OK”，
指示符：“css/images/indicator.gif'>”，
工具提示：“单击以编辑…”
});
}
$（'.edit'）.live（'单击'，函数（））{
editNote（）；
$（'textarea'）.tinymce({
//TinyMCE脚本的位置
脚本url:'js/tiny\u mce/tiny\u mce.js'，
//一般选择
主题：“简单”
});
});

上面的代码调用editNote函数，然后调用tinymce js

我正在寻找一种运行tinyMCE.triggerSave（）的方法；在提交表格之前。与回调相反

谢谢

---

比利

请添加这段代码。您基本上创建了一个名为mce的新类型

$.fn.tinymce = function(options){
   return this.each(function(){
      tinyMCE.execCommand("mceAddControl", true, this.id);
   });
}

function initMCE(){
   tinyMCE.init({
        mode : "textarea",
        theme : "advanced",
        ... // YOUR CUSTOMIZATION
      });
}

initMCE();

$.editable.addInputType('mce', {
   element : function(settings, original) {
      var textarea = $('<textarea id="'+$(original).attr("id")+'_mce"/>');
      if (settings.rows) {
         textarea.attr('rows', settings.rows);
      } else {
         textarea.height(settings.height);
      }
      if (settings.cols) {
         textarea.attr('cols', settings.cols);
      } else {
         textarea.width(settings.width);
      }
      $(this).append(textarea);
         return(textarea);
      },
   plugin : function(settings, original) {
      tinyMCE.execCommand("mceAddControl", true, $(original).attr("id")+'_mce');
      },
   submit : function(settings, original) {
      tinyMCE.triggerSave();
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      },
   reset : function(settings, original) {
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      original.reset(this);
   }
});

---

改为添加这段代码。您基本上创建了一个名为mce的新类型

$.fn.tinymce = function(options){
   return this.each(function(){
      tinyMCE.execCommand("mceAddControl", true, this.id);
   });
}

function initMCE(){
   tinyMCE.init({
        mode : "textarea",
        theme : "advanced",
        ... // YOUR CUSTOMIZATION
      });
}

initMCE();

$.editable.addInputType('mce', {
   element : function(settings, original) {
      var textarea = $('<textarea id="'+$(original).attr("id")+'_mce"/>');
      if (settings.rows) {
         textarea.attr('rows', settings.rows);
      } else {
         textarea.height(settings.height);
      }
      if (settings.cols) {
         textarea.attr('cols', settings.cols);
      } else {
         textarea.width(settings.width);
      }
      $(this).append(textarea);
         return(textarea);
      },
   plugin : function(settings, original) {
      tinyMCE.execCommand("mceAddControl", true, $(original).attr("id")+'_mce');
      },
   submit : function(settings, original) {
      tinyMCE.triggerSave();
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      },
   reset : function(settings, original) {
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      original.reset(this);
   }
});

---

这看起来不错，我稍后会试一试，让你知道。我很高兴。我知道这是多么令人沮丧。请随意查看我的其他帖子，了解更多TinyMCE+绝地游戏。这很古老，但我刚刚用TinyMCE版本4实现了它。如果将

mceAddControl

替换为

mceAddEditor

，将

mceRemoveControl

替换为

mceRemoveEditor

，则此功能正常。此外，

$.fn.tinymce

的定义似乎是多余的-不确定这应该做什么。我的代码中没有使用它。这看起来不错，我稍后会尝试一下，并让您知道。我很高兴。我知道这是多么令人沮丧。请随意查看我的其他帖子，了解更多TinyMCE+绝地游戏。这很古老，但我刚刚用TinyMCE版本4实现了它。如果将

mceAddControl

替换为

mceAddEditor

，将

mceRemoveControl

替换为

mceRemoveEditor

，则此功能正常。此外，

$.fn.tinymce

的定义似乎是多余的-不确定这应该做什么。我没有在代码中使用它。