Web applications CKEditor在WinJS框架内不做任何事情

Web applications CKEditor在WinJS框架内不做任何事情,web-applications,ckeditor,winjs,Web Applications,Ckeditor,Winjs,我有一个使用WinJS制作的web应用程序。它是一个单页导航风格的应用程序,这意味着它有一个根视图,我在根页面上加载到div中的几个不同的HTML片段之间导航 在任何情况下,我都试图在其中一个页面上添加富文本编辑器CKEditor。据我所知,只要加载了主javascript文件,并且我将其中一个div声明为“content editable”,我就应该显示CKEditor弹出窗口。但是,我的web应用程序上没有显示任何内容,我确信正在加载ckeditor javascript文件。我在Chrom

我有一个使用WinJS制作的web应用程序。它是一个单页导航风格的应用程序,这意味着它有一个根视图,我在根页面上加载到div中的几个不同的HTML片段之间导航

在任何情况下,我都试图在其中一个页面上添加富文本编辑器CKEditor。据我所知,只要加载了主javascript文件,并且我将其中一个div声明为“content editable”,我就应该显示CKEditor弹出窗口。但是,我的web应用程序上没有显示任何内容,我确信正在加载ckeditor javascript文件。我在Chrome和Edge上都试过了

我尝试过使用下面的代码手动使用可编辑的div加载CKEditor,但仍然不起作用。questionDiv是我的div的id

CKEDITOR.disableAutoInline = !0;
CKEDITOR.inline('questionDiv');
我甚至尝试使用textarea加载一个经典编辑器,并使用CKEditor的内置命令用iframe替换textarea。这似乎也没什么用。它看起来就像一个文本区

有没有人有过将CKEditor与WinJS应用程序集成的经验?我会做错什么

后续行动 同样的代码在Firefox上运行,但在Chrome和Edge上不起作用。您可以在此处临时看到它正在运行:


编辑器应该是“问题”标题下的框。

似乎用于将html内容呈现到div中的WinJS.UI.Pages.render函数做了一些有趣的事情,不允许使用我尝试过的任何WYSIWYG编辑器CKEditor、TinyMCE、NicEdit。我甚至尝试过只使用片段的渲染器WinJS.UI.Fragments.render,它的工作方式也是一样的

但是,如果在主html页面上使用div,即直接在浏览器中加载的页面,则可以让编辑器工作

这意味着我必须改变我的网络应用程序的工作方式。我不能再在html页面之间切换。我自己的解决方法是使用Pivot控件,将我的所有内容放入不同的PivotItems中。不是我想要使用的UI,但现在它可以工作了。我宁愿使用SplitView