メイン デバイス Googleドキュメントのソースコードにシンタックスハイライトを追加する方法

Googleドキュメントのソースコードにシンタックスハイライトを追加する方法



開発者とプログラマーは、コンピューターコードを入力する主な方法として長い間テキストエディターを使用してきました。一部の開発環境には独自の組み込みエディターがありますが、開発者は通常1つのエディターが好きで、そのプログラムに固執します。この理由の1つは、優れたコーディングエディタには、構文の強調表示が含まれていることです。これは、ソースコードをフォーマットし、コード内のキーワードと構成にフォントと色を割り当てて、読みやすくする機能です。これでカバーされているメモ帳++などのテキストエディタ TechJunkieガイド 、この理由で開発者に支持されています。ほとんどの開発者は、優れたワークグループ機能とクラウド統合にもかかわらず、組み込みの構文強調表示オプションが含まれていないため、Googleドキュメントを潜在的なコーディングエディタとは見なしていません。

Googleドキュメントのソースコードにシンタックスハイライトを追加する方法

ただし、Googleドキュメントドキュメントのコードに構文の強調表示を追加できます。実際、シンタックスハイライトを使用してさまざまなプログラミング言語やマークアップ言語をフォーマットできるドキュメント用のアドオンが少なくとも2つあります。また、Googleドキュメントで強調表示されたソースコードを挿入するために利用できる多数のWebアプリがあります。この記事では、ドキュメントドキュメントにソースコード構文の強調表示を追加する方法を紹介します。

CodePrettyでソースコードをフォーマットする

Code Prettyは、選択したコードにハイライトを自動的に追加するGoogleドキュメントのアドオンです。 Code Prettyには、構文の書式をカスタマイズするための大量の設定は含まれていませんが、それでもドキュメントに便利な構文強調表示オプションが追加されています。クリックすると、ドキュメントにCPを追加できます。神父 eeボタンオン このウェブページ 。次に、を押します許可するボタンをクリックして、アドオンの権限を確認します。

Discord のすべてのメッセージを削除する方法

次に、ブラウザでドキュメントを開きます。 [アドオン]タブをクリックしてメニューを開きます。そのメニューには、CodePrettyアドオンが含まれるようになります。このアドオンが構文を強調する方法の例を示すために、Ctrl + Cを押して、以下のサンプルJavaScriptコードを選択してドキュメントドキュメントにコピーします。



JavaScriptで何ができるか?

JavaScriptはHTML属性を変更できます。

この場合、JavaScriptは画像のsrc(ソース)属性を変更します。

電気をつける

明かりを消す


Ctrl + Vを押して、そのJavaScriptサンプルをドキュメントに貼り付けます。次に、カーソルでワードプロセッサのコードを選択します。クリックアドオン>>コードプリティを選択しますフォーマットの選択サブメニューからのオプション。これにより、すぐ下のスナップショットに示すようにJavaScriptがフォーマットされます。

前述のように、CPには構文の強調表示に関する多くの設定が含まれていません。ただし、クリックすると、強調表示されたコードのフォントサイズを調整できます。アドオン>>コードプリティ設定。すぐ下に表示されているサイドバーが開きます。次に、そこから強調表示されたコードの代替のデフォルトフォントサイズを選択できます。

コードブロックを使用してソースコードをフォーマットする

コードブロックは、ドキュメントに追加できるCPの代替アドオンです。これは、多数の強調表示テーマが含まれているため、実際には構文を強調表示するための少し優れたアドオンです。を押します無料ボタンオン このウェブサイトのページ ドキュメントにコードブロックを追加します。

コードブロックをインストールしたら、ドキュメントを開き、上記と同じJavaScriptコードをコピーしてワードプロセッサに貼り付けます。クリックアドオン>>コードブロックを選択します始める真下のショットに示されているサイドバーを開きます。

Chromeでページを復元する方法

カーソルでJavaScriptテキストのみを選択します。コードの上または下に空のドキュメントスペースを選択しないようにしてください。選択するJavaScript最初のドロップダウンメニューから。次に、からテーマを選択することもできますテーマドロップダウンメニュー。を押しますフォーマット次に示すように、ボタンをクリックして構文の強調表示をコードに追加します。これで、JavaScriptテキストがより明確になり、マークアップタグが強調表示されます。

ハイライトされたソースコードをコピーしてGoogleドキュメントに貼り付ける

コードブロックとコードプリティドキュメントの他に、シンタックスハイライトWebアプリを利用してソースコードをフォーマットすることもできます。次に、強調表示されたソースコードをコピーして、ウェブアプリからドキュメントドキュメントに貼り付けることができます。 Textmateは、多数のプログラミング言語とマークアップ言語をフォーマットする1つの構文ハイライトWebアプリです。

クリック このハイパーリンク Textmateを開きます。次に、この投稿に含まれているJavaScriptテキストをコピーして、Ctrl + CおよびCtrl + Vホットキーを使用してTextmateのソースコードボックスに貼り付けます。選択するJavaScript[言語]ドロップダウンメニューから。 [テーマ]ドロップダウンメニューからシンタックスハイライトテーマを選択します。を押しますハイライトすぐ下のスナップショットに示すように、ボタンをクリックしてソースコードのフォーマットのプレビューを取得します。

次に、カーソルを使用してプレビューで強調表示されたJavaScriptを選択し、Ctrl + Cを押します。Ctrl+ Vを押して、強調表示されたコードをGoogleドキュメントに貼り付けます。これにより、強調表示されたJavaScriptソースコードがすぐ下に示すようにドキュメントドキュメントに追加されます。

Iphoneでホットスポットを作成する方法

したがって、ソフトウェアとWebサイトのコードに構文の強調表示を追加するためにデスクトップテキストエディタは必要ありません。代わりに、CodePrettyおよびCodeBlocks拡張機能を使用してドキュメントドキュメントの構文コードを強調表示できます。または、Textmate Webアプリとの間でコードをコピーして貼り付け、Googleドキュメントで強調表示されたソースコードを挿入します。

Googleドキュメントに構文フォーマットを追加する他の方法はありますか?以下でそれらを私たちと共有してください!

興味深い記事

エディターズチョイス

Windows10をクラッシュさせる100周年記念アプリのバグが最近のアップデートで修正されました
Windows10をクラッシュさせる100周年記念アプリのバグが最近のアップデートで修正されました
Microsoftは、Windows 10 Anniversary Updateにより、開発者が従来のWin32アプリをWindowsストア経由で配布できるように「変換」できるようになりました。 「ProjectCentennial」または「DesktopBridge」と呼ばれる特別なツールを使用すると、従来のデスクトップアプリをUWPで使用される* .appx形式にパックできます。また、独占的に利用可能だった新しいAPIを使用する機能も提供します
パナソニックDMC-TZ5のレビュー
パナソニックDMC-TZ5のレビュー
Panasonic の最新の Lumix は、合理的に「コンパクト」と呼ぶことができるものの限界を押し上げます。ポケットが十分に大きくても - ジーンズの後ろにすっぽり入るくらいです - レンズ ハウジングのふくらみは、
モバイルOSをアップグレードする必要がありますか?
モバイルOSをアップグレードする必要がありますか?
今月のコラムは、PC Pro の読者である James Franklin の次のような質問に触発されています。Android のさまざまなバージョンに戸惑っています。 Web リソースのほとんどがわかりにくいと思いました。違いを説明していただけますか?それ'
タグアーカイブ:ファイルエクスプローラーと実行ダイアログのインラインオートコンプリート
タグアーカイブ:ファイルエクスプローラーと実行ダイアログのインラインオートコンプリート
メトロイドWinampスキン
メトロイドWinampスキン
名前:メトロイドタイプ:クラシックWinampスキン拡張機能:wszサイズ:103085 kb Winamp5.6.6.3516および5.7.0.3444ベータ版はここから入手できます。注:Winaeroはこのスキンの作成者ではなく、すべてのクレジットは元のスキンの作成者に割り当てられます(Winamp設定のスキン情報を参照してください)。一部のスキンには、SkinConsortiumのClassicProプラグインが必要です。入手してください。
Fortniteで誰かのブロックを解除する方法
Fortniteで誰かのブロックを解除する方法
Fortniteは大多数の人にとっては楽しいゲームと見なされていますが、少数の人にとってはあまりにも深刻なものと見なされています。愚かな人々はいたるところにいて、通常私たちは彼らを避けることができます。あなたが1つとゲームをしていて、彼らがやっているとき
Microsoftアカウントを削除する方法
Microsoftアカウントを削除する方法
Microsoftのファンでも、プライバシー侵害の重大なファンでもない場合は、Microsoftアカウントを閉鎖することをお勧めします。確かに、あなたの人生があなたのOutlookアカウントに依存しているなら、それは素晴らしい考えではないかもしれません。だが