/ / CKEditorはWinJSフレームワーク内では何もしません-Webアプリケーション、ckeditor、winjs

CKEditorはWinJSフレームワークの中で何もしません - Webアプリケーション、ckeditor、winjs

WinJSを使用して作成されたWebアプリがあります。 これは単一ページのナビゲーションスタイルアプリです。つまり、ルートビューがあり、ルートページのdivに読み込まれたいくつかの異なるHTMLフラグメント間を移動しています。

いずれにせよ、私はリッチテキストを追加しようとしていますエディター、CKEditor、いずれかのページ。私の知る限り、メインのjavascriptファイルがロードされ、divの1つを「コンテンツ編集可能」と宣言している限り、CKEditorポップアップが表示されるはずです。しかし、私のWebアプリには何も表示されず、ckeditor javascriptファイルがロードされていると確信しています。 ChromeとEdgeの両方でこれを試しました。

次のコードを使用してCKEditorを編集可能なdivで手動でロードしようとしましたが、まだ機能しません。 (questionDivは私のdivのIDです)

CKEDITOR.disableAutoInline = !0;
CKEDITOR.inline("questionDiv");

私も使用して古典的なエディタをロードしようとしましたtextareaとCKEditorの組み込みコマンドを使用して、textareaをiframeに置き換えます。これも何もしないようです。テキストエリアのように見えます。

CKEditorとWinJSアプリを統合した経験はありますか?何が間違っているのでしょうか?

ファローアップ Firefoxで実行されている同じコードは実際に機能しますが、ChromeとEdgeでは機能しません。ここで一時的に実行されていることがわかります:

https://labsjs.blob.core.windows.net/sdk/LabsJS-1.0.4/labshost.html?lab=https://chemapps.azurewebsites.net/index.html?PostMessageLabHost

エディターは、「質問」見出しの下のボックスになります。

回答:

回答№1は0

htmlコンテンツをdivにレンダリングするためのWinJS.UI.Pages.render関数は、おかしなことをしておかしなことをするようです どれか 私が試したWYSIWYGエディター(CKEditor、TinyMCE、NicEdit)。

ただし、メインhtmlページ(ブラウザーに直接読み込まれるページ)でdivを使用する場合は、エディターを機能させることができます。

これは、「Webアプリの方法を変更しなければならなかったことを意味します動作します。 HTMLページを切り替えることができなくなりました。私自身の回避策は、Pivo​​tコントロールを使用して、すべてのコンテンツを異なるPivotItemsに入れることでした。私が使いたかったUIではありませんが、今は動作します。 (私はむしろSplitViewを使用します)