Blogger.comやWordpress.comのようにsites.google.comのウェブサイトでコード構文の強調表示を行うことはできますか?sites.google.comのウェブサイトでコードの強調表示を行うことはできますか?
答えて
Googleサイトにガジェットを挿入できます。任意の数のオープンソースのJavaScriptシンタックスハイライターを使用して構文強調を行ったガジェットを作成することができます。
理想的な解決策ではありませんが、あなたが望むものを得るでしょう。あなたがさらなるポインタを必要とするかどうかを知っている。
残念ながら、Googleサイト内の構文強調表示はサポートされていません。この問題を回避するには、http://tohtml.com/を使用してコードを入力して、HTMLではなく色付きの出力をGoogleサイトのページに直接コピーしてください。
大量のコードを定期的に編集する必要がない限り、これは完全に機能します。
これは、我々は何をすべきかに似ています。 [tohtml](http://tohtml.com)ではなく[Quick Flight](http://quickhighlighter.com/index.php)([スタイルとHTMLコードの結合]チェックボックスをオンにしています)より良い出力。色付きの出力をコピーする代わりに、HTMLをコピーしてGoogle Sitesエディタのhtmlビューに貼り付けます。これは非常にうまくいきますが、コードを頻繁に編集したいと思っているのなら、かなり苦しいです。 – Geoff
皆さん、ありがとうございます。私は今、ブログのコードをすばらしく見せることができます! http://www.codeofaninja.com/。もう一度ありがとう! :) – Kris
クイックハイライターは、大括弧で囲まれた '[Fieldnames]'内にスペースを追加するので、TSQLでは使用できません。 –
Google Code Prettifyで自分でガジェットを作成しようとしましたが、いくつかの問題がありました。
1つはクラスがサポートされていないということです。そのため、Stack Overflowが何をしてprettifyする必要があります。 http://www.codingthewheel.com/archives/syntax-highlighting-stackoverflow-google-prettify
私が直面した他の問題は、iframeと親フレーム間のやりとりでした。ドメイン権限の問題があることに気づくでしょう。そうすればiframeからparent.documentにアクセスすることができなくなります。
これは、いくつかの人々にハックテストの数時間を節約するはずです。
私は別の方法を見つけました。
IntelliJを使用している場合は、IntelliJエディタのコードをコピーし、Googleサイトのテキストに貼り付けます(htmlモードではありません)。
すぐに使える!
ウェブサイトによって異なるテーマが必要な場合は、hereからIntelliJカラーのテーマをダウンロードしてください。
- 1. どのように強調表示することができます1行だけのHTMLテーブル行を強調表示できますか?
- 2. htmlとcssでウェブサイトのアクティブページを強調表示する方法
- 3. Eclipseでコードを強調表示
- 4. DataGridでSelectedItemの行を強調表示
- 5. DataGridView行の強調表示
- 6. このjavascript文字列強調表示はどこですか?
- 7. VSコードでJsRenderテンプレートを構文強調表示できますか?
- 8. RAD StudioのDelphiコードの強調表示
- 9. コードを強調表示する方法はありますか?
- 10. WPF Datagrid行と列を強調表示
- 11. この行は青色の線で強調表示されます
- 12. このドロップダウンを中心にして親を強調表示できますか?
- 13. ABAP DynProで構文の強調表示を行うTextarea
- 14. RecyclerViewのCardViewの行を強調表示
- 15. アンドロイドのテキストビューをどのように強調表示できますか?
- 16. Scintillaで強調表示されたテキストスニペット間でキャレットジャンプを行うことは可能ですか?
- 17. ASP.NET Gridview:マウスの行を強調表示して強調表示した行を更新します
- 18. Visual Studioコードは.pugファイルを強調表示しませんか?
- 19. リストで項目を強調表示するときのパフォーマンス
- 20. VBAコードでExcelの重複する列を強調表示
- 21. Jquery:クリック時にテーブル行を強調表示/強調表示解除する
- 22. バリデーションの行を強調表示
- 23. emacsの行を強調表示
- 24. SASS変数にどのように色の強調表示を付けることができますか?
- 25. PyCharmのdocstringで間違った型参照を強調表示することはできますか?
- 26. netbeansで自動強調表示された変数名の強調表示の色を変更しますか?
- 27. tinymceコードがstackoverflowと同じように強調表示されますか?
- 28. LaTeXとAMSキーワードを強調表示できるウェブページでどのようにエディタを実装できますか?
- 29. Wikiコードの構文強調表示をサポートするテキストエディタはどれですか?
- 30. 数字の簡単な行を強調表示しますか?
ガジェットを作成する上での指針はありますか? – user855
ここでガジェットAPIをチェックしてください:http://code.google.com/apis/gadgets/docs/gs.html ガジェットエディタ:http://code.google.com/apis/gadgets/docs /tools.html#GGE そしてここでは、JavaScriptコードのハイライトです:http://code.google.com/p/syntaxhighlighter/ –