Javascript 如何在ckeditor 5中获取所选文本的HTML代码?
如何在ckeditor 5中获取所选文本的HTMLJavascript 如何在ckeditor 5中获取所选文本的HTML代码?,javascript,ckeditor5,Javascript,Ckeditor5,如何在ckeditor 5中获取所选文本的HTML 在ckeditor 4中有一个getHTML()方法。第五个版本中的模拟是什么?您可以在一个范围内获取所选文本,但要获取HTML,这有点棘手 我能够抓取父项的名称,并通过开关语句运行该值 注意:以下代码已从此处改编: constresultarea=document.querySelector('.selected'); 让全球编辑; 分类编辑器 .create(document.querySelector('#editor')) .然后(编
在ckeditor 4中有一个getHTML()方法。第五个版本中的模拟是什么?您可以在一个范围内获取所选文本,但要获取HTML,这有点棘手 我能够抓取
父项的名称
,并通过开关
语句运行该值
注意:以下代码已从此处改编:
constresultarea=document.querySelector('.selected');
让全球编辑;
分类编辑器
.create(document.querySelector('#editor'))
.然后(编辑器=>GlobalEdit=编辑器)
.catch(error=>console.error(error));
const formatNode=(node)=>{
开关(node.parent.name){
案例“heading1”:返回“${node.data}”;
案例“heading2”:返回“${node.data}”;
案例“heading3”:返回“${node.data}”;
案例“段落”:返回“${node.data}”;
默认值:返回“”;
}
};
常量getSelectedHTML=(编辑器)=>
[…editor.model.document.selection.getFirstRange().getItems()]
.filter(node=>node.data)
.map(格式化节点)
.join('\n');
document.querySelector('.btn')。addEventListener('click',e=>{
resultArea.value=getSelectedHTML(globalEditor);
});代码>
这是一个标题
这是一些示例内容
获取选定的HTML
该方法应该有效。“默认情况下,编辑器输出HTML。”在选择中没有这样的方法。这是一种很难做好工作的方法。虽然我找不到更好的。