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

时间:2017-05-26 07:43:59

标签: javascript jquery wysihtml5 bootstrap-wysihtml5

最近,我使用过wysihtml5编辑器,但我无法获得编辑器的选定文本。使用JQuery我编写了这段代码片段,但它无法正常工作。

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

谢谢&此致

Manisha Biswas

2 个答案:

答案 0 :(得分:0)

您是否尝试使用全局 $('#insertdetails').on('click', function() { /*get values input into modal */ var new_sequence_number = $('#insertroom #newsequencenumber').val(); var new_room_id = $('#insertroom #room_id').val(); var new_route_id = $('#insertroom #route_number').val(); /*put those values into the new row */ $('#new_room_id' + new_sequence_number).val(new_room_id); $('#new_route_id' + new_sequence_number).val(new_route_id); $('#insertroom').hide(); $('.overlay').hide(); $('.sequence').filter(function(new_sequence_number) { var thisval = parseInt($(this).val()); var plusone = thisval + 1; if(thisval > new_sequence_number) { $(this).val(plusone); } }); }); 对象的getSelection方法?这用于获取页面上当前选中(突出显示的)文本,例如:

window

或者,您可能需要使用var text = window.getSelection().toString(); 接口来获取所选文本,例如:

Range

有关使用的一些示例,请参阅this SO answer

答案 1 :(得分:0)

尝试以下示例:

  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();