【问题标题】:How to alert the selected text from the tinyMCE editor?如何从 tinyMCE 编辑器中提醒选定的文本?
【发布时间】:2015-02-08 18:27:09
【问题描述】:

如何在 tinyMCE 编辑器中提醒选定的文本。 我已经为 Moodle tinyMCE 创建了一个插件。当我单击 tinyMCE 中的插件按钮时,将显示一个弹出窗口。在该弹出窗口中,我想显示选定的文本。这是我的要求。为此,我想从编辑器中获取选定的文本。

我尝试了什么:

alert(tinyMCEPopup.editor.selection.getContent({format : 'text'}));

什么都没发生

alert(tinyMCEPopup.editor.getContent({format : 'text'}));

以上代码在编辑器中提醒整个文本。

我无法获取选定的文本。我只需要选定的文本。

我正在使用 Moodle 2.7

【问题讨论】:

    标签: javascript tinymce moodle


    【解决方案1】:

    您需要使用当前活动的编辑器对象,然后调用selection.getContent()

    这是一个简单的 TinyMCE 插件,用于提醒选定的文本:

    (function () {
        tinymce.create('tinymce.plugins.myselectPlugin', {
            init: function (ed, url) {
                ed.addCommand('mceMyselect', function () {
                    alert(ed.selection.getContent({format : "text"}));
                });
    
                // Register button
                ed.addButton('myselect', {
                    title: 'myselect.desc',
                    cmd: 'mceMyselect',
                    image: url + '/img/example.gif'
                });
            },
            createControl: function (name, cc) {
                return null;
            },
            getInfo: function () {
                return {
                    longname: 'myselect plugin',
                    author: 'Mohamed Alsharaf',
                    authorurl: '',
                    infourl: 'http://docs.moodle.org/en/TinyMCE',
                    version: "1.0"
                };
            }
        });
    
        // Register plugin.
        tinymce.PluginManager.add('myselect', tinymce.plugins.myselectPlugin);
    })();
    

    【讨论】:

      猜你喜欢
      • 2018-05-27
      • 2011-01-06
      • 1970-01-01
      • 1970-01-01
      • 2012-12-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多