web-dev-qa-db-ja.com

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

Googleドキュメントには、「標準テキスト」や「ヘッダー1」などの一連の素敵なスタイルがあります。

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

294
David Faux

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

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

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

Styles in google docs

136
Lipis

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

55
Mark Nadig

多くのソリューションはインラインでは機能しません。これは、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関数「On open」(Edit > Current Project's Triggers)を実行します
  2. スクリプトを承認した後、元のドキュメントをリロードします
  3. 新しいメニュー項目を使用して、選択したテキストをフォーマットします(Styles > Format Code
26
dule

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

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

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

出典:Chris Moschiniによるコメント の謝辞。

14
tanius

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

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

cSSで

.booktitle { font-style:italic; }

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

11
I. J. Kennedy