javascript - 查找ckeditor实例

Question

我想访问和操作使用 ckeditor 的文本区域的内容。在开始使用编辑器之前我的原始代码是:

(function ($) {
    "use strict";
    $(document).ready(function () {

         for(var i=0; i<=10; i++) {

                $('#edit-button'+i).click(function(){

                        var tag = $(this).attr("value");
                        var id ="edit-body-und-0-value"; /* id of textarea */

                        var element  = document.getElementById(id);
                        var start    = element.selectionStart;
                        var end      = element.selectionEnd;
                        var text     = element.value;
                var prefix   = text.substring(0, start);
                        var selected = text.substring(start, end);
                        var suffix   = text.substring(end);
                        selected     = "["+tag+"]" + selected + "[/"+tag+"]";
                        element.value      = prefix + selected + suffix;

                        element.selectionStart = start;
                        element.selectionEnd   = start + selected.length;

                        return false;

                        });
            }
        });

})(jQuery);

当编辑器启用时，它将停止工作。

我猜我需要使用一些不同的对象，然后是“element”对象、ckeditor 对象，然后我可能可以使用此处描述的函数:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html

但是如何获取 ckeditor 对象呢？

ckeditor 是在 drupal 中添加的，所以我对它知之甚少，而且我非常不确定如何访问它，或者要查找哪些信息才能知道要做什么。

在此页面上:http://ckeditor.com/blog/CKEditor_for_jQuery

$( 'textarea.editor' ).ckeditor();

用于创建对象(？)。但我已经有一个需要找到的 ckeditor 实例。我可以知道如何为给定的文本区域选择编辑器吗？

Answer 1

使用 jquery 适配器，您可以像这样获取 ckeditor“对象”:

$('textarea.editor').ckeditorGet()

所以要摧毁它，你会这样做

$('textarea.editor').ckeditorGet().destroy()

这里使用的是 ckeditor 4.x 版本。