問題タブ [showdown]

このマークダウン フィルターを angular で使用しようとしていますが、モジュールへの挿入に問題があります。

これを package.json に含め、node_modules フォルダーにインストールされていることを確認しました。

コンソールから取得しているエラーは次のとおりです。

この問題を引き起こしている手がかりはありますか?

ShowDown を使用して画像を中央に配置する方法はありますか。

私はこのようなことを試みています:

Showdown (以下の JS コード) を使用してレンダリングするために、Django ビューから *.md ファイルの内容を渡そうとしていますが、次のようになります: Uncaught SyntaxError: Invalid or unexpected token:

プレビューが有効になっているときに、highlight.jsを使用できるようにしようとしています。

showdown.js を使用して、ハイライト js をプレビューで動作させることができません

質問: Highlight.js を showdown.js と連携させる方法

Codepen Demo すべての .js ファイルと css ファイルが codepen 設定に読み込まれていることに注意してください

使ってみました

完全なスクリプト

私の目標は、ユーザーがマークダウンでコンテンツを入力し、その場で HTML にレンダリングできるインタラクティブなテキスト ボックスを作成することです。

そう：

レンダリング先:

また、ユーザーが入力している同じ divsome textに等幅テキストとして表示されます。

これまでのところ、divがあります：

RxJSとshowdownを使用するスクリプト:

（placeCaretAtEnd()はこちらから）

これは、最も単純な場合にのみ機能します。上の入力 ( `some text`) を入力すると、正しくレンダリングされます。その部分は機能します。

問題は、それ以降、スープを渡すため、マークダウンと html とレンダラーの barfs が混在していることです。

したがって、基本的には、より良いアプローチが必要です。マークダウンのインクリメンタル入力をサポートしながら、WYSIWYG コンテンツを表示する方法。何か案は？

入力テキスト領域と出力テキスト領域を別々にするのは簡単ですが、私が目指しているものではありません。