javascript - 在tinymce编辑器中选择文本

Question

我正在尝试在我的网站中添加搜索功能。我想在tinymce编辑器中搜索内容并在找到匹配项时选择它们。

如果匹配，我该如何选择文本。如果有人知道请回复

Answer 1

这并不难。最简单的事情是看一下 searchreplace 插件的 searchNext-function（我将添加下面的代码）。

插件代码在 tinymce 弹出上下文中执行，因此您需要对其进行一些调整。以下是您需要提前设置的变量以使该功能正常工作：

var ed = tinymce.get('your_editor_id');
var se = ed.selection;
var r = se.getRng();
// var m = this.lastMode; // not needed here
var fl = 0;
var w = ed.getWin();
var wm = ed.windowManager;
var fo = 0;
//var f = document.forms[0];  //not needed here (plugin relevant)
var s = 'word_to_be_searched_for';
var b = 0; // direction of the search (forward=0, backward = 1)
var ca = 0; // casesensitiviy of the search (not casesensitive = 0, casesensitive = 1)
var rs = ''; // possibility to use a string to replace found text

这是功能：

searchNext : function(a) {
    var ed = tinyMCEPopup.editor, se = ed.selection, r = se.getRng(), f, m = this.lastMode, s, b, fl = 0, w = ed.getWin(), wm = ed.windowManager, fo = 0, err = 0;

    // Get input
    f = document.forms[0];
    s = f[m + '_panel_searchstring'].value;
    b = f[m + '_panel_backwardsu'].checked;
    ca = f[m + '_panel_casesensitivebox'].checked;
    rs = f['replace_panel_replacestring'].value;

    if (tinymce.isIE) {
        r = ed.getDoc().selection.createRange();
    }

    if (s == '')
        return;

    function fix() {
        // Correct Firefox graphics glitches
        // TODO: Verify if this is actually needed any more, maybe it was for very old FF versions? 
        r = se.getRng().cloneRange();
        ed.getDoc().execCommand('SelectAll', false, null);
        se.setRng(r);
    };

    function replace() {
        ed.selection.setContent(rs); // Needs to be duplicated due to selection bug in IE
    };

    // IE flags
    if (ca)
        fl = fl | 4;

    switch (a) {
        case 'all':
            // Move caret to beginning of text
            ed.execCommand('SelectAll');
            ed.selection.collapse(true);

            if (tinymce.isIE) {
                ed.focus();
                r = ed.getDoc().selection.createRange();

                while (r.findText(s, b ? 1 : 1, fl)) {
                    r.scrollIntoView();
                    r.select();
                    replace();
                    fo = 1;

                    if (b) {
                        r.moveEnd("character", -(rs.length)); // Otherwise will loop forever
                    }
                }

                tinyMCEPopup.storeSelection();
            } else {
                while (w.find(s, ca, b ? 0 : 0, false, false, false, false)) {
                    replace();
                    fo = 1;
                }
            }

            if (fo)
                tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.allreplaced'));
            else
                tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));

            return;

        case 'current':
            if (!ed.selection.isCollapsed())
                replace();

            break;
    }

    se.collapse(b);
    r = se.getRng();

    // Whats the point
    if (!s)
        return;

    if (tinymce.isIE) {
        ed.focus();
        r = ed.getDoc().selection.createRange();

        if (r.findText(s, b ? -1 : 1, fl)) {
            r.scrollIntoView();
            r.select();
        } else
        {
            err = 1;
            tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));
        }
        tinyMCEPopup.storeSelection();
    } else {
        if (!w.find(s, ca, b, false, false, false, false))
        {
            err = 1;
            tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));
        }
        else
            fix();
    }

    // Focus input field if search yieled no error
    if (!err && !tinymce.isIE) {
        f[m + '_panel_searchstring'].focus();
    }
}