Javascript 将所选内容设置为summernote的内容

Javascript 将所选内容设置为summernote的内容,javascript,summernote,Javascript,Summernote,我想创建一个按钮,用于选择在summernote编辑器框中输入的文本。结果就像用户在编辑器中按下ctrl+A键一样。我已经成功地创建了一个按钮,可以在summernote之外选择一个普通的文本框。下面是我的代码,它显示了我在summernote选择和普通文本框选择(Hello World)中的尝试: $('#summernote')。summernote({ 身高:140, disableDragAndDrop:对, 对,, }); 函数selectText(){ 常量输入=document.

我想创建一个按钮,用于选择在summernote编辑器框中输入的文本。结果就像用户在编辑器中按下ctrl+A键一样。我已经成功地创建了一个按钮,可以在summernote之外选择一个普通的文本框。下面是我的代码,它显示了我在summernote选择和普通文本框选择(Hello World)中的尝试:

$('#summernote')。summernote({
身高:140,
disableDragAndDrop:对,
对,,
});
函数selectText(){
常量输入=document.getElementById('text-box');
input.focus();
input.select();
};
函数selectText2(){
const input=document.getElementById('summernote');
input.focus();
input.select();
};

电子邮件编写器
选择Hello world
选择Summernote
用此函数替换函数selectText2()。我希望我能帮上忙

function selectText2() {
    var selectText = document.getElementsByClassName("note-editable");
    var range = document.createRange();
    range.selectNode(selectText[0]);
    window.getSelection().addRange(range);
};
预览:

$('#summernote')。summernote({
身高:140,
disableDragAndDrop:对,
对,,
});
函数selectText(){
常量输入=document.getElementById('text-box');
input.focus();
input.select();
};
函数selectText2(){
var selectText=document.getElementsByClassName(“注释可编辑”);
var range=document.createRange();
range.selectNode(selectText[0]);
window.getSelection().addRange(范围);
};

电子邮件编写器
选择Hello world
选择Summernote
不幸的是,这不起作用。按钮需要突出显示文本,就像“选择Hello world”一样。Summernote是“div”而不是“input”。在您的示例中,其中没有文本。我不知道按钮应该选择什么?它应该选择用户在summernote编辑器中键入的任何内容。太接近了!它可以工作,但只会选择预先填充的文本(如果您在summernote div标记之间放置了一些内容)。如果在编辑器中更改文本,则单击按钮时不会发生任何事情。非常感谢。