Sapui5 在openui5应用程序中使用所见即所得编辑器（如summernote）

我对openui5相当陌生。我想在我的应用程序中包括summernote编辑器。我已经包括了他们主页上的cdn链接，但我得到了以下错误

ShellRenderer-dbg.js:143 Uncaught (in promise) TypeError: Cannot read property 'require' of undefined
    at Object.S.getLogoImageHtml (ShellRenderer-dbg.js:143)
    at Object.S.render (ShellRenderer-dbg.js:86)
    at R.renderControl (RenderManager-dbg.js:1004)
    at R.render (RenderManager-dbg.js:1259)
    at constructor.U.rerender (UIArea-dbg.js:629)
    at constructor.Core.renderPendingUIUpdates (Core-dbg.js:2774)
    at constructor.Core.init (Core-dbg.js:1235)
    at Core-dbg.js:485
    at a (Core-dbg.js:179)
    at SyncPoint.finishTask (Core-dbg.js:173)

---

任何想法都将不胜感激。谢谢

我成功地在一个简单的场景中实现了这一点，但不确定它将如何与其他UI5元素一起工作&重新渲染等。我创建了一个简单的控件来展示它如何与UI5交互，但它需要一些工作

注意：SAPUI5在默认库中包含jQuery，尽管有一个非jQuery版本可供使用，因此您可以使用自己的jQuery版本，但我不确定使两者最佳工作所需的版本。此外，Summernote似乎需要引导CSS+JS，但不确定这是否也适用于UI5，尤其是在启动板场景中部署的情况下。作为一个独立的应用程序也可以

玩得开心

sap.ui.define([
“sap/ui/core/Control”
]，功能（控制）{
“严格使用”；
return Control.extend（“MySummernoteControl”{
元数据：{
属性：{}，
聚合：{}，
事件：{}
},
渲染器：{
版本:2,，
渲染：函数（rm、OBUTON）{
rm.openStart（“div”，oButton）；
rm.openEnd（）；
rm.close（“部门”）；
}
},
onAfterRendering:函数（）{
如果（！this.\u渲染）{
本.$（）.summernote（）；
这是真的；
}
}
});
});
const ctrl=new MySummernoteControl（）；
ctrl.placeAt（“内容”）

JS-Bin