問題タブ [highlight.js]

ブログに docpad + markdown を使用しています。コード例をフォーマットするには、 highlight.js プラグインを使用します。書式設定は正常に機能し、キーワードが強調表示されます。ここで、前のブロックと比較して行った変更を示すなど、追加の書式設定を使用してコード ブロックの一部を強調したいと思います。

コードブロックの一部を強調表示することは可能ですか?

• 関数呼び出しを太字にする
• 一部のテキストに取り消し線を引く
• テキストを赤くする

Martin Fowler のブログでは次のように表示されます。

唯一の違いは、キーワードも強調表示したいということです。

マークダウンの公式デモは素晴らしいです。ガイドに従おうとしましたが、結果は期待と一致しません。言葉の色は緑色です。

問題 : jsx コードについて、highlight.js を使用しようとすると、html タグが消えます。

元のソース:

レンダリング ソースの後:

$('プリコード')[0].innerHTML:

なぜinnerHTMLでhtmlタグを消すのですか? innerHTMLで元のhtml文字列を取得するには?

render 後にソースを提供したいと考えています:

お待ちいただいてどうもありがとうございます ：）

良い１日を！

FixedTyped には、次のようにモジュールを定義してエクスポートする Highlight.js の定義があります。

特定の typescript ファイルで、次のように関数をhljs呼び出すことができるように、オブジェクトをインポートしようとしています。highlight

しかし、それは言って失敗しますerror TS2305: Module '"highlight.js"' has no exported member 'hljs'.

エラーや警告なしで TS ファイルをコンパイルできるように、このオブジェクトをインポートする適切な方法は何ですか?

ソース コード用の反応ネイティブ ビューアー コンポーネントはありますか? codemirror、highlight.js などのさまざまな言語とテーマをサポートするコンポーネントを探しています。

ありがとう。

私はhighlight.js 9を使用しており、次のように追加しました

オンザフライで highlight.js クラスを追加する ckeditor を使用しています。div にコンテンツを追加する必要があります。私のページ。これを達成する方法は?

エディターに次のコンテンツがあるとします。

これにより、次のスタイリングが行われます。

ページに追加するときは、エディターで見ているのとまったく同じスタイリングが必要です。その方法。

現在、 div id='content' の画像にはスタイリングが表示されていません:

私は実際に、AJAX とポップアップ ウィンドウに基づく Web サイトのソース コード ビューアーを作成しようとしています。これにより、ビューアをカスタマイズできるようになります。構文にはhightlight.jsを使用していますが、そのライブラリを使用するのは初めてです。

プロセスは簡単です。

1. AJAXを使用してURLを含むページHTMLを取得しています(ここではjQueryを使用しています)
2. 結果のコンテンツをウィンドウに入れて表示します。
3. ウィンドウでは、Highlight.js は (想定) コードを色付けするためのものです。

このトピックに似ています: Javascript を使用してブラウザで "ソースの表示" HTML ウィンドウをプログラムで開きますか? ただし、構文の強調表示が追加されています。残念ながら、ウィンドウにはコードが表示されていますが、そのウィンドウは色付けされていません。

これは関数全体です (クロスオリジン要求のフォールバックを提供します)

しかし、コードを何度も検証したところ、すべて問題ないようです。Firefox 開発ツールは、CSS および JS ファイルが正常にロード (GET) され、JS エラーがないことを示しました。問題はどこだ？助けてくれてありがとう。

編集:不足している括弧を追加しましたが、あまり機能しません。

<pre><code>ブロック内のコードを強調表示しようとしています。

ひねりは、コードが Angular で注入されていることですng-bind-html:

post変数には HTML が含まれており、内部のどこかにブロック<pre><code>があります。私はAngularの外ですべてを機能させることができ、angular-highlightjsも試しましたが、うまくいきませんでした。ここには同様の質問がありますが、私の場合とはまったく異なります。

誰でも助けてもらえますか？ありがとうございました！

AP

私はhighlight.jsを実装しようとしています。私はindex.htmlを持っています。そして体は

しかし、ページをロードすると、内部にあるものはすべて<pre>真のhtmlとして処理され、ページが台無しになります。また、ページで使用しているメインのcss imが内部のタグに適用されます

私のindex.htmlの頭に私は含めました <link rel="stylesheet" type="text/css" href="../css/highlight.css">

本文の終了タグの前に含めました

私はドキュメントを読み続けていますが、私が見逃したものを見つけることができないようです.