私はエディタを書いていて、編集されたテキストの「プレビュー」ビューを開きたいと思っています。メインのエディター ウィンドウとは別に、独自の css と javascript を使用したい。ただし、新しいタブで開くのは面倒です (ユーザーは、あるタブのプレビューと別のタブのソースを比較する必要があります)。メイン ウィンドウの iframe に入るスペースがありません。新しいウィンドウでプレビューを開くと、ウィンドウだけでなく空白のタブも開き、空白のタブがメインウィンドウからフォーカスを取得する効果があります (一部のブラウザーでは、いくつかの設定があります)。したがって、どれも満足のいくものではありません。
本当にうまく機能するのは、jquery の基本的なダイアログのようなもので、プレビューがメイン ウィンドウ フレーム内に表示されるように制限し (デスクトップのどこかで失われないように)、メイン ウィンドウのテキストを編集することもできます。ウィンドウ (つまり、モーダルではない)。しかし - とにかく、ヘッダー付きのhtmlページ全体、独自のcssおよびjsファイルなどをjqueryの基本ダイアログにロードする方法はわかりません。実際、ダイアログはjqueryによってメインページの一部として表示され、別のページなどを持つことができないため、これは不可能だと思います.
それで、これをどのように行うことができるかについてのアイデアはありますか？タブも開かずに新しいウィンドウを開く機能だけで解決しますが、javascriptからこれを行う方法がわかりません。
そして -- プレビューのコンテンツは動的に生成され、静的ファイルから取得することはできません。
PS: これは、基本的なダイアログに iFrame を埋め込むことで実現できると思います。よし、よし、それでは -- 代わりのものがあれば、特別な賞品を。
ピーター