329

GitHub でファイルを表示すると、タブが 8 つのスペースとして表示されます。

例：

例

この構成を 2 つまたは 4 つのスペースに変更することは可能ですか?

4

10 に答える 10

405

?ts=2URL にまたはを追加?ts=4して、タブサイズを変更できます。

例: https://github.com/jquery/jquery/blob/main/src/core.js?ts=2

値は 1 から 12 までの任意の値を指定できるようです。ただし、Gist または生のファイル ビューでは機能しません。

出典: GitHub チート シート

于 2014-05-07T16:10:39.150 に答える
72

ブラウザの拡張機能を使えば、実際にそれを行うことができます。スタイリッシュを( FirefoxまたはChromeに)インストールしてから、次のユーザー スタイルをインストールします。 >GitHub: コード内のより大きなサイズのタブ」.

一部の言語では機能しない場合があります。たとえば、JavaScript ファイルを表示していて、変更に気付かなかったとします。そこで、著者が持っていたスタイルを削除し、次の行を追加しました。

.tab-size {
  -webkit-tab-size: 4 !important;
     -moz-tab-size: 4 !important;
       -o-tab-size: 4 !important;
          tab-size: 4 !important;
}

そして、Chromeで動作しました（スクリーンショット）。

スクリーンショットからわかるように、ワイドスクリーン モードも有効にし、カラー スキームを Solarized に変更しました。そのため、Chrome のスタイリッシュな拡張機能を介して GitHub ページで 3 つのユーザー スタイルを実行しています。これが誰かに役立つことを願っています。

于 2013-03-28T13:58:47.313 に答える
30

アップデート

はい。mortenpi が述べているように、これは追加のクエリ パラメータを介して行うことができます。詳細については、彼の回答を参照してください。

元の答え

この構成を 2 つまたは 4 つのスペースに変更することは可能ですか?

いいえ。Aceエディターの編集機能の一部としてのみ利用でき、変更は保持されません。

このブログ投稿では、組み込み IDE に関する詳細情報を提供しています。

ただし、レビューする BLOB (ファイル) の URL がわかっている場合は、編集セグメントでBLOBセグメントを変更し、ドロップダウンを使用して好みのタブ サイズを選択することで、簡単に編集モードに切り替えることができます。

タブサイズ

于 2012-01-12T11:52:07.420 に答える
-4

http://valjok.blogspot.com/2014/07/indentation-correction-for-exposed.htmlを修正するためにそれを行いました 。

別のオプションは、要旨を埋め込むときに、すべてのタブを必要な数のスペースに置き換えることです

<div id="willReplaceTabs">
 <script src="https://gist.github.com/valtih1978/99d8b320e59fcde634ad/cf1b512b79ca4182f619ed939755826c7f403c6f.js"></script>

 <script language="javascript">
  var spaces = "  "
  willReplaceTabs.innerHTML = willReplaceTabs.innerHTML.replace(/\t/g, spaces)
 </script>
</div>
于 2014-07-06T16:32:07.883 に答える
-8

作業中のプロジェクトのオプションである場合は、タブをスペースとして扱うようにエディターを変更すると、問題が解決します。

たとえば、Visual Studio Code では、構成は次のようになります。

{
    "editor.tabSize": 2,
    "editor.insertSpaces": true
}

Sublime では次のようになります。

{
    "tab_size": 2,
    "translate_tabs_to_spaces": true
}

最近まで、私は間隔のないタブを主張していました。切り替えた後、Github のレンダリングのおかしさは修正されましたが、ワークフローに重大な欠点はありませんでした。

于 2016-03-01T20:57:51.273 に答える
-32

最善の解決策は、可能であれば、参照しているソース コードの管理者に、すべてのタブを正しい数のスペースに置き換えるよう説得することです。

タブを使用することは、ウェブ上で頻繁に見られることを考えると、今日のコードでは問題があります。「タブあたりのスペース数」の決定は、表示される場所によって異なります。

于 2013-06-10T18:01:01.117 に答える