問題タブ [google-code-prettify]
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 -
マークダウンのトリプル バッククォートは としてレンダリングされ<pre><code class="...">...</code></pre>ます。すなわち、
私の現在の解決策は、次のコードを追加することですが、機能しません。
を削除するにはどうすればよい<code class="...">...</code>ですか?
SyntaxHighlighter を使用して+ + (SyntaxHighlighter に基づく)<pre class="brush: java">...</pre>でコード ブロックを強調表示しました。WordPressWindows Live WriterPreCode
現在、私はマークダウンに目を向けています。マークダウンにコードブロックを挿入するには、使用します
<pre></pre>SyntaxHighlighter では、内部のすべての左山括弧がエスケープされた HTML エントリである必要があるため、どちらも機能しません。
そのため、Google code prettify をインストールしましたが、上記の問題 (互換性がありません) が発生します。
html - Jekyll で Code Prettify を実装するのに問題がある — 代わりに `` を使用したい
Jekyll blogでCode Prettifyを実装しようとしています。いくつかのガイドに従って実装できましたが、理想的ではありません。これは私がしたことです：
1-に行き_includes、必要なファイルを追加しましたhead.html：
サンバーストのテーマ:
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&skin=sunburst&lang=css" defer="defer"></script>
テーマの CSS ファイル ( cssGitHub の私のフォルダーにあります):
<link rel="stylesheet" href="/css/prettify.css" rel= 'stylesheet' type='text/css'>
2-たとえば、タグを使用し<pre class= "prettyprint"></pre>てテストしました。この投稿でわかるように(コード ブロックはページの下部にあります)、動作します。<iostream>お気づきの場合は、私が使用したために欠落していることがわかります。その<pre></pre>ため、文字が表示され、HTML として認識され<>、表示されません<iostream>。これはどのように見えるかです：
HTML エンティティを使用して修正できますが、これは理想的ではありません。2 時間検索しましたが、これを修正するための信頼できるソースが見つかりませんでした。
だから私の質問は：
の代わりに `` を使用して、Code Prettifyをマークダウンで動作させることは可能<pre></pre>ですか? そうでない場合、Jekyll で実装する別の方法はありますか? それとも使いやすくする？これらのいずれも可能でない場合、サポートする Jekyll のより良い代替手段はありますCode Prettifyか?
他のファイルを見る必要がある場合は、私のリポジトリを確認してください。
jquery - 動的 DOM で「google-code-prettify」を使用しようとして失敗しました
私が持っている内側のheadタグ：
私が持っているbodyタグのどこかに：
メインの css ファイルにはいくつかpreあり、codeprettify をオーバーライドする必要があります。
意図的に、私は含めませんでし<body onload="prettyPrint()">た。#code-contextページが読み込まれると非表示になるため、不要です。ユーザーがjQuery関数をトリガーすると、コードが表示されます。
コンソールにメッセージが表示されます (これは、すべてが正常に行われたことを意味します)。
ヘルプ？
javascript - Prettyprint xml not highlighting
I'm trying to prettyprint some code generated by a custom installation of blockly. The code generated will be xml, but the problem is that once I try to highlight the code using google prettify (and not the only one, same problem with higlight.js) the code is not highlighted, I tried to google but all solution doesn't appear to apply to my problem.
This is how I imported the prettify library:
This is the code:
one of the example of generated code is:
Now I don't know if the problem is that I need to specify the doctype in the piece of code I'm prettifying, or it's just something else, maybe for example I need to escape it? Both?
The application is hosted on a Spring Boot App. Blockly works fine, but the problem appear to be only with the syntax highlighter.
css - カスタムスキンで Google Code Prettify CDN を使用する
Google Code Prettify CDN リンクを使用しています。
設計上、CSS スタイルシートを DOM に追加します。
これは、デフォルトのスキン (または、プロジェクトで使用できる URL パラメーターで定義されたスキンのいずれか) を使用する場合に最適ですが、私の場合は、カスタム テーマを使用したいと考えています。
おっと、GCPは私の後にテーマを追加したので、私のスタイルはすべて上書きされています。
シート内のすべてのスタイルに追加することなく、 GCP CDN (またはCDN)とカスタム スタイルシートを使用する方法はありますか? !importantまたは、GCP をダウンロードしてプロジェクトにローカルに含めることはできますか?