問題タブ [prism.js]

これ<pre contenteditable="true">と非常によく似た設定で、タグ内のいくつかの css を強調表示するために、prism.js を使用しています。

コードkeyupを非表示にコピーすると<textarea>、出力は次のような強調表示されたテキストになります。

強調表示されていないテキストをきれいな元の形式で保存できるようにする方法はありますか?

I'm using the prism library to highlight some HTML, CSS and JavaScript code. It does an amazing job for the most part, except when it comes to line numbers.

They look like:

As you can see, they are misaligned. How can I fix this? My current code looks like:

プリズムを使用してドキュメントを表示しています。それで、私はいくつかの美しいコードを見せに行きました。プリズムをインストールするには、手動インストールまたはノードを使用する 2 つの方法があります。ノードを使用してインストールしました。しかし、そのプラグインを使用する方法を説明するドキュメントはありません。利用可能な唯一の例は次のとおりです。

そしてhtmlを表示します...私の場合、行番号を使用したいです。方法？

翡翠 + プリズム JS + 角度でスタイル ガイドを作成しようとしています。ジェイドコードの例があります。ですから、「翡翠のまま」にするには、翡翠が必要です。例えば：

これをレンダリングしたい

内容をそのままにしておくように翡翠に伝える方法はありcode.language-jadeますか?

また、まったく異なるアプローチも検討します。「外側」のテンプレート言語としての Jade は交渉の余地がなく、Angular で動作する必要があります。以前の選択 (highlighterjs) は jade をサポートしていないため、prismjs のみを使用しています。

どうも。

私のhtmlテンプレートには次のものがあります。

言語をマークアップしたい (そのためにプリズムを使用しています) だけでなく、「Google」アイテムのハイパーリンクも必要です。

これがどのように見えるかです：

「Google」という単語をクリックすると、そのリンクが開きます。

しかし、現在の様子は次のとおりです。

さらに、「Google」という単語はクリックできません<code>。タグ内の何もリンクされていません。

上記をプリズムでどのように達成しますか？

Prism JS ライブラリが AngularJS プロジェクト内で動作していません。ここ (SO) と他のチュートリアルで言及されているすべてのソリューションを試しましたが、CodePen からでもコード全体をコピーして貼り付けても、同じ出力は得られません。非常に奇妙な。コードは次のとおりです。

出力：

prism.jsすべてのオプションを含むとprism.cssファイルをダウンロードしました。これらのファイルは に含まれてapp.htmlおり、上記のコードはindex.html. 何が問題なのかわからない。