Googleドキュメントに新しいスタイルを追加するにはどうすればよいですか?


299

Googleドキュメントには、「通常のテキスト」や「ヘッダー1」などの素晴らしいスタイルのセットがあります。

自分で追加するにはどうすればよいですか?プログラミングコードであるテキストに「コード」というスタイルを追加したい。


42
まさにこの質問に来た理由。:) 段落スタイルではないコードインラインコードというスタイルを作りたかっただけです。
ロバートKoritnik

18
答えは知っていますが、評判が足りないため追加できません。基本的に、Google Apps Scriptsを利用できます。ここで私がしたことはpastebin.com/4pNBJ9pCです。有効にするには、新しいスクリプトTools>> Script Manager>> を作成し、Newそこにコードを貼り付ける必要があります。次に、メニューバーにメニューが表示されるように、スクリプトを認証してドキュメントを再読み込みする必要があります。次に、テキストのパッチを選択して選ぶExtras>>Apply code style
トライデントD'ガオ

3
私は答えを知っていますが、私の評判は、明らかに、十分ではありません。3/14 '現在、「一致するようにXを更新」を使用して既存のヘッダーを更新すると、GDocsは追加のヘッダーYを追加します。したがって、ヘッダー1、2、3から始まりますが、ヘッダー3を更新するとGDocsはHeading 4を導入します。Heading4を更新すると、GDocsはHeading 5などを導入します。
JJ Rohrer 14

7
それを行う拡張機能があります:chrome.google.com/webstore/detail/paragraph-styles%20/… (stackexchangeのバグのため回答を投稿できません-回答するには10人の担当者が必要だと言います、私は」担当者103名、回答ボックスなし)
クリスモスキーニ

1
@AlekseyBykovの回答がこれを助けてくれました。ここでいくつかの問題を更新して修正しましたgithub.com/cr8ivecodesmith/google_docs_scripts/blob/master/…– cr8ivecodesmith 16
9:31に

回答:


136

現在、スタイルを追加したり、既存のスタイルの名前を変更したりすることはできませんが、ニーズに合わせてスタイルを変更できます。

たとえば、必要に応じてコードのスタイルを設定し、ヘッダーの1つを選択してを選択するとUpdate Heading # to match selection、その特定のスタイルが新しい「コード」スタイルになります。

次に、他の何かを選択して、その見出しを適用すると完了です。

Googleドキュメントのスタイル


104
マイナス面は、これにはTOCに「コード」が含まれることです。:/コードに字幕スタイルを使用すると、目次で表示できなくなることがわかりました。
マークナディグ

9
そのヒントに対して@ digger69を+1。コードに「字幕」を使用することは、このStackExchangeから得た最高のヒントです。文書全体で行の高さ1.15を持つのに最適ですが、コードの場合は1.0です!:D
エリオッタブル

9
digger69の回答でも述べたように、もう1つの欠点は、インラインスタイルが許可されないことです。それは独自の行にある必要があります。もちろん、短いコード、またはより可能性の高いコード関連の用語(タグ、関数、変数名など)は、多くの場合、テキストの段落内にインラインで表示されます。
ドリューデービッド14年

2
行または段落全体が同じスタイルでなければならないことを意味する「ブロック」でなければならないのはcodewindow
本当ですか?

12
Googleの「ソフトウェアエキスパート」がドキュメントに新しいスタイルを追加する機能を追加したことがないことは意味がないことを指摘したいだけです。それは、このWebアプリが利用可能になった10年ほど前の最初の優先事項の1つだったはずです。
スペンサーウィリアムズ

56

Lipisが書き出すように、あなたはまだあなた自身のスタイルを作成することはできません。したがって、既存のものを再利用する必要があります。見出しを使用することの欠点は、これが目次(TOC)に「コード」をもたらすことです。:/コードにタイトルとサブタイトルのスタイルを使用すると、これらのスタイルが目次に表示されないことがわかりました。


3
このアプローチの主な欠点は、6番目の見出しをオーバーライドする場合、⌘+ Alt + 6を使用してこのレイアウトを使用できるが、字幕スタイルに対応するキーボードショートカットがないことです。
アミットコトロフスキ

5
もう1つの注意点は、これはインラインでは機能せず、独自の行にする必要があるということです(私が想像するすべてのスタイルに当てはまる)
Drewdavid 14年

27

多くのソリューションはインラインでは機能しません。これは、Google App Scriptsを使用してカスタムメニューアクションを追加する@AlekseyBykovが提供するクリーンアップソリューションです。

  1. 新しいスクリプトを作成(Tools > Script Editor
  2. 次のコードをエディターにコピーします。
// Add new menu item
function onOpen() {
  DocumentApp.getUi()
  .createMenu('Styles')
  .addItem('Format Code', 'formatCode')
  .addToUi();
}

// Define code styling
var style = {};
style[DocumentApp.Attribute.FONT_FAMILY] = DocumentApp.FontFamily.CONSOLAS;
style[DocumentApp.Attribute.FONT_SIZE] = 10;
style[DocumentApp.Attribute.BACKGROUND_COLOR] = "#DDDDDD";
style[DocumentApp.Attribute.FOREGROUND_COLOR] = "#333333";
style[DocumentApp.Attribute.BOLD] = false;

// Apply code formatting
function formatCode() {
  var selection = DocumentApp.getActiveDocument().getSelection();
  if (selection) {
    var elements = selection.getRangeElements();
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];

      // Only modify elements that can be edited as text; skip images and other non-text elements.
      if (element.getElement().editAsText) {
        var text = element.getElement().editAsText();

        // Style the selected part of the element, or the full element if it's completely selected.
        if (element.isPartial()) {
          text.setAttributes(element.getStartOffset(), element.getEndOffsetInclusive(), style);
        } else {
          text.setAttributes(style);
        }
      }
    }
  }
}
  1. onOpen「オープン時」機能を実行するトリガーを割り当てます(Edit > Current Project's Triggers
  2. スクリプトを承認した後、元のドキュメントをリロードします
  3. 新しいメニュー項目を使用して、選択したテキストをフォーマットします(Styles > Format Code

2
素晴らしいと完璧に働いた。より「スラック」なバックティックスタイルの場合:style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; style [DocumentApp.Attribute.FOREGROUND_COLOR] = "#880000";
ジムモリソン

1
素晴らしいもの。私は背景が単語の間行方不明になったことを好きではなかったので、私は固体の背景と表のセルに内容を入れて、それを修正:gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495
oligofren

すてきなスクリプト、ありがとう!私は今、より多くのスタイルをサポートするためにそれを拡張することができ
非現実

15

無料のGoogle Docs拡張機能Paragraph Styles +を使用すると、カスタムの段落スタイル(さらに、見出しの10進数システムのアウトライン番号とページ番号付きの目次)を作成できます。

私はそれをテストしましたが、ここに私の最初の印象があります:

  • よいスタート。小さい文書の場合は、使用するのが良いでしょう:-)
  • ただし、最近のバージョンではすでにパフォーマンスが改善されていますが、実行速度はかなり遅くなります。
  • UIは、GoogleドキュメントスタイルのUIと統合されません。おそらく、Google Docs API以外では不可能です。
  • 元のGoogleドキュメントのスタイル機能はカスタムスタイルを認識しません。カスタムスタイルのテキストはすべて「通常のテキスト」形式であると見なされます。両方を並行して使用できますが、「書式をクリア」ボタン(「T x」のように見えます)をクリックすると、選択したテキストからカスタムスタイルの書式が削除されます。
  • あなたのキャラクタースタイルを外部のウェブサービスに保存しているようです。つまり、あなたが今Googleにそれらを委任する方法であなたのドキュメントへのアクセスを彼らに委任しなければなりません…

出典:最初に言及した、上記のChris Moschiniによるコメントの承認。


6
この種のドキュメント拡張機能のインストールに関連するデータセキュリティ上のリスクはありますか、それともGoogleによってコードが悪意のないものであると検証されていますか?
グルーバー

7
これらの許可は、たとえば、あなたの文書を他の人に送信したり、他の人と共有したりすることを可能にします。それは確かに私を怖がらせます。
リース

当然のことながら、@ Reece!ポインターをありがとう。
チーソー

11

最近まで、ドキュメントのCSS(スタイルシート)とHTMLソースを編集できました。少し手間がかかりましたが、HTMLとCSSを知っていれば、CSSクラスをドキュメントに追加してから、HTMLを編集して、たとえばHTML

<span class='booktitle'>Infinite Jest</span>

CSSで

.booktitle { font-style:italic; }

Googleは、この機能を新しい形式で多かれ少なかれ廃止し、古いドキュメントを新しい形式に強制しました。しかし、ドキュメントを古い形式で保持する方法があると聞いたので、希望があるかもしれません。


1
これを行う方法についての詳細情報が欲しいです。
シチュー

2
doesntの仕事は、Google Nowはインライン除くすべてのCSSストリップ
vs4vijay

2
上記のスクリプトは、この機能とほぼ同じです。インストール後、style必要に応じてオブジェクトを簡単に編集できます。これはJavaScriptなので、CSSとは少し異なりますが、ほとんど同じです。注:外部呼び出しを行ったり、他の場所からデータを送信したりロードしたりすることはありません。
ジョナサンクロス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.