問題タブ [live-preview]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - javascriptを介してライブプレビューコンテナーのカスタムフィルターを使用してdjangoテンプレートタグを解析します
マークアップ言語としてテキスタイルを使用して、 django Web サイト用のライブ プレビューコンテナー (stackoverflow や Reddit など)を作成する必要があります。
クライアント側でそれを行う方法はありますか？（ajaxを使わずに？）
ビューからのコードの解析は次のように簡単です。
(言うまでもなく、ドキュメントに従って設定に含め'django.contrib.markup'ましたINSTALLED_APPS。)
簡単にするために、IE のサポートは必要ないと仮定します。私のJSは次のようになります。
そしてHTML：
また、このJSライブラリを見つけました。サーバー側のPyTextileと一緒にクライアント側で使用するのは良い考えですか?
ベストプラクティスは何ですか?
jQuery 以外のソリューションを探していますが、他に方法がない場合は受け入れます。
前もって感謝します。
javascript - JavaScript または jQuery を使用してプレビュー機能を提供するにはどうすればよいですか?
3 つのテンプレート (静的な html ページ) があります。
私の選択に基づいて、1 つのテンプレートがポップアップ形式で開きます。そのテンプレートをポップアップの形で表示したいときは、そのテンプレートにいくつかのコンテンツを追加する必要があります。を使用してそのテンプレートを表示していwindow.open(url)ます。
しかし、ポップアップの形式で表示しているときに、そのテンプレートにコンテンツを追加することはできません(フォームの「プレビュー」ボタンをクリックすると、フォームデータを含む定義済みの HTML テンプレートでポップアップが生成されます)。
基本的には JavaScript や jQuery を使ったプレビュー機能を探しているので、同じコードを提供してください。
android - ビデオの録画中にリアルタイムでフィルタリングされたカメラのプレビューを表示する方法は?
メディア レコーダーを使用してビデオを録画しているときに、フィルター処理されたカメラ プレビューを表示したいと考えています。プレビューをフィルタリングするには、通常は onPreviewFrame() 関数から取得できるフレームが必要ですが、メディアレコーダーでビデオを録画している間、 onPreviewFrame() 関数は呼び出されません。だから私が知りたいのは、フィルタリングのためにこれらのフレームを取得し、変更後にそれらを表示する他の方法はありますか? Videocam Illusion など、Google Play のいくつかのアプリをチェックしました。ビデオの録画中にエフェクトを使用してプレビューを表示します。私はそのようなことをしたいのですが、どうすればいいのかヒントがありません。そのため、問題に関するヘルプ/ヒント/コード/サンプルをいただければ幸いです。ありがとう。
dreamweaver - DreamweaverのようなSublimeText2スプリットアクティブスクリーン
仕事では、古いmysql_query手続き型Webサイトビルドhiggledy-piggledyにジャンプする必要があります（一部の変数はキャメルケースで強調表示され、インデントコードはなく、ページはテーブルにビルドされます...）
とにかく、通常はST2を使用していますが、ここでは使用できません。したがって、ラインコードを検索するには、dreamweaverを使用して画面プレビューをクリックし、目的のコード行にカーソルをドロップします。私は好きではなく、dreamweaverも知りません。しかし、コードは読めないので、それが私が働かなければならない唯一の方法です（私の上司はこれらのサイトを再構築することを望んでいません）。
これが私の質問です。ST2で画面を分割し、画面プレビューをクリックして、dreamweaverプレビューと同じようにコード行に直接移動する方法（またはプラグイン）を知っている人はいますか？
よろしく。
fonts - dafont.com のようなライブ プレビューによるフォントの選択
fonts.com や dafont.com のように、私が取り組んでいるサイトのフォームに機能を統合したいと考えており、どこから始めればよいかを考えようとして、想像できるすべての検索用語を使用してあらゆる場所を調べました。ここに私が欲しいものがあります：
ユーザーは、ドロップダウン リストで名前でフォントを選択します。次に、カスタム テキストをフォーム フィールドに配置すると、実際のタイプのフォームでプレビューされるため、フォントがどのように表示されるかを確認できます。
基本的に、フォント選択サイトでフォントを選択できるようにする方法をコピーしたいと思います..プレビューし、私の場合は他のフォームデータと一緒にフォームでフォントの選択を送信します.
誰かが少なくとも私を正しい方向に向けることができますか. 私は困惑しています。私はこれを考えすぎていると思いますが、クライアントが切望している機能です。
javascript - Codemirror のライブ プレビューで書式設定が省略されている
Markdown でライブ プレビュー モードが機能しない Codemirror に問題があります。私は基本的に、SOと同じ効果を達成しようとしています。現状では、ライブ プレビューは HTML では機能しますが、Markdown では機能しません。私はいくつかのデモをたどり、運がなかったいくつかのことを試しましたが、最後の手段としてここにいます. 関連するコードは次のとおりです。
私が読み込んでいるドキュメントの頭に：
注: というフォルダー内に Codemirror ファイルがありますeditor。これが、私が行った通常のセットアップからの唯一の実際の逸脱です。
次に、<body>私のドキュメントの<form2 つの要素を持つ > を取得しました。
<textarea id="content" name="content"></textarea>
と
<iframe id="preview"></iframe>
次に、ページの下部で次の JavaScript を実行しています (ちなみに jQuery 1.8.2 も使用しています)。
何が間違っているのかわかりません。XML と一緒にオーバーレイ モードをロードしようとしましたが、役に立ちませんでした。ここで 2 つの投稿を見つけましたが、それらは正確には関連性がなく、コードは機能しませんでした。ライブ プレビューが表示され、更新されますが、問題は、書式設定されていない単一のテキスト文字列しか表示されないことです。
たとえば、次の Markdown: # 見出し 1
ここに入力したとおりにライブ プレビュー iframe に出力します。
# Heading 1 A paragraph with __bold__ *text*.And [a link](http://example.com)
アンダースコアまたはアスタリスクを太字または斜体のテキストにすることはなく、改行を完全に無視します。
何がうまくいかないかについてのアイデアはありますか？動作させるためにデモを修正することさえできませんでした。私はいくつかの知識が欠けているに違いない。
html - Notepad++ のライブ プレビュー / WYSIWYG サポート (プラグイン?)
あるペイン/タブで HTML/CSS を編集し、別のタブ/ペインのブラウザでどのように見えるかのライブ プレビューを表示できる Notepad++ で分割画面ビューを表示する方法を知っている人は誰でもいます。
理想的には、これは次のようになります。
- Notepad++ 自体 (上記のネイティブ ペイン/タブを使用)
- ユーザーは、プレビューを表示したいブラウザー レンダリング エンジン (Chrome、FF、IE など) を構成できます。
ただし、外部ウィンドウ/ブラウザーを使用して RubyMine と単純に統合したり、限られたレンダリング エンジン (たとえば Chrome のみ) でのみ使用できるプレビューを使用したりするなど、上記の 2 つのバリエーションを使用できます。
html - ライブ プレビュー / Rubymine の WYSIWYG サポートまたはプラグイン?
私は Windows 用の Rubymine 5.4 を使用していますが、全体的に驚くべきものであり、いくつかの例外を除いて、HTML / CSS エディターとして Visual Studio と同じくらい 95% 優れています。結果のプレビューをライブで見ることができると入力します (VS に加えて、DreamWeaver にもこの機能があります)。IDE、ヘルプ、または Google/Stack の検索で、そのようなものを見つけることができないようです。
明確にするために、私が探しているのは、RubyMine で分割画面ビューを使用して、1 つのペイン/タブで HTML/CSS を編集し、ブラウザーでどのように見えるかのライブ プレビューを表示する方法です。別のタブ/ペイン。
理想的には、これは次のようになります。
- RubyMine 自体 (上記のネイティブ ペイン/タブを使用)
- ユーザーは、プレビューを表示したいブラウザー レンダリング エンジン (Chrome、FF、IE など) を構成できます...
...ただし、上記の 2 つのバリエーションを使用することもできます。たとえば、外部ウィンドウ/ブラウザーを使用して RubyMine と統合したり、プレビューを限られたレンダリング エンジン (たとえば Chrome のみ) でのみ使用したりできます。
editor - ライブ プレビューを示す AsciiDoc エディタのオンライン デモはありますか?
Markdown私は、ライブ プレビューを実演しているエディタの多くのデモに出くわしました。
http://daringfireball.net/projects/markdown/dingus
http://www.markitdown.net/markdown
http://hallojs.org/demo/markdown/
しかし、検索してもあまり見つかりませんでしたAsciiDoc Editor live preview。
そのような機能の設定に関する記事に出くわしました。
http://asciidoctor.org/docs/editing-asciidoc-with-live-preview/
しかし、私は実際にいくつかのオンラインデモを行ったばかりですが、そこにはありますか?
ruby-on-rails - Rails gem "friendly_id": オブジェクトが作成される前に、スラッグのライブ プレビューを取得する方法
Rails gem "friendly_id" を使用して、作成されるスラッグの "ライブ プレビュー" を取得することは可能ですか? オブジェクトが保存される前、つまり (そして ajax リクエストを使用して入力中に返される)?
もしそうなら、どのように？