从 wysihtml5 编辑器获取当前选定的文本

【问题标题】：Getting current selected text from wysihtml5 editor从 wysihtml5 编辑器获取当前选定的文本
【发布时间】：2017-10-27 00:47:58
【问题描述】：

最近，我使用了 wysihtml5 编辑器，但无法获取编辑器的选定文本。使用 JQuery 我已经编写了这段代码 sn-p 但它不起作用。

var len = $("#ticketmessage").val().length;
            var start = $("#ticketmessage")[0].selectionStart;
            var end = $("#ticketmessage")[0].selectionEnd;
            var sel = $("#ticketmessage").val().substring(start, end);

感谢和问候

玛尼莎·比斯瓦斯

【问题讨论】：

提供一个 JSFiddle 链接

标签： javascript jquery wysihtml5 bootstrap-wysihtml5

【解决方案1】：

您是否尝试过使用全局window 对象的getSelection 方法？这用于获取页面上当前选择（突出显示）的文本，例如：

var text = window.getSelection().toString();

或者，您可能需要使用Range 接口来获取选定的文本，例如：

var text = document.selection.createRange().text;

有关使用示例，请参阅this SO answer

【讨论】：

【解决方案2】：

试试这个例子：

  self.editor = new wysihtml5.Editor("my-editor", {
      parserRules: wysihtml5ParserRules,
      useLineBreaks: true,
      stylesheets: [self.editorCss]
    });

 var selection = new wysihtml5.Selection(self.editor);
 var selectedText = selection.editor.composer.selection.getText();

【讨论】：