Javascript 如何在ckeditor 5中获取所选文本的HTML代码?

Javascript 如何在ckeditor 5中获取所选文本的HTML代码?,javascript,ckeditor5,Javascript,Ckeditor5,如何在ckeditor 5中获取所选文本的HTML 在ckeditor 4中有一个getHTML()方法。第五个版本中的模拟是什么?您可以在一个范围内获取所选文本,但要获取HTML,这有点棘手 我能够抓取父项的名称,并通过开关语句运行该值 注意:以下代码已从此处改编: constresultarea=document.querySelector('.selected'); 让全球编辑; 分类编辑器 .create(document.querySelector('#editor')) .然后(编

如何在ckeditor 5中获取所选文本的HTML


在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。”在选择中没有这样的方法。这是一种很难做好工作的方法。虽然我找不到更好的。