ฉันจะเพิ่มสไตล์ใหม่ให้กับ Google เอกสารได้อย่างไร

299

Google เอกสารมีชุดรูปแบบที่ดีเช่น "ข้อความปกติ" และ "ส่วนหัว 1"

ฉันจะเพิ่มของตัวเองได้อย่างไร ฉันต้องการเพิ่มสไตล์ที่เรียกว่า "รหัส" สำหรับข้อความที่เป็นรหัสโปรแกรม

google-docs formatting

— เดวิดมารยาท
แหล่งที่มา

42

ทำไมฉันมาถึงคำถามนี้ :) ฉันแค่อยากจะสร้างสไตล์ที่เรียกว่าCodeและInline codeที่จะไม่ใช่สไตล์ย่อหน้า

— Robert Koritnik

18

ฉันรู้คำตอบ แต่ไม่สามารถเพิ่มได้เพราะฉันไม่มีชื่อเสียงเพียงพอ โดยทั่วไปคุณสามารถใช้สคริปของ Google Apps นี่คือสิ่งที่ฉันได้: pastebin.com/4pNBJ9pC ในการเปิดใช้งานคุณต้องสร้างสคริปต์ใหม่: Tools>> Script Manager>> Newและวางรหัสที่นั่น จากนั้นคุณจะต้องให้สิทธิ์สคริปต์และโหลดเอกสารใหม่เพื่อให้เมนูปรากฏในแถบเมนู จากนั้นเลือกชุดข้อความและเลือกExtras>>Apply code style

— ตรีศูล D'Gao

3

ฉันรู้ว่าคำตอบของฉัน แต่ชื่อเสียง 101 ของฉันคือไม่เพียงพอ ตั้งแต่ 3/14 'เมื่อคุณอัปเดตส่วนหัวที่มีอยู่ผ่านทาง "อัปเดตหัวเรื่อง X เพื่อจับคู่" GDocs จะเพิ่มหัวเรื่อง Y เพิ่มเติมดังนั้นจึงเริ่มต้นด้วยหัวเรื่องเพียง 1,2,3 แต่เมื่อคุณอัปเดตหัวเรื่อง 3 GDocs จะแนะนำหัวเรื่อง 4 เมื่อคุณอัปเดตหัวข้อ 4 แล้ว GDocs จะแนะนำหัวเรื่อง 5 ฯลฯ

— JJ Rohrer

7

มีส่วนขยายที่ทำได้: chrome.google.com/webstore/detail/paragraph-styles%20/… (ฉันไม่สามารถโพสต์คำตอบได้เนื่องจากข้อผิดพลาดใน stackexchange - มันบอกว่าฉันต้องการ 10 ตัวแทนที่จะตอบฉัน ' ได้ 103 ตัวแทนไม่มีกล่องตอบรับประโยชน์)

— Chris Moschini

1

@AlekseyBykov คำตอบช่วยฉันด้วยอันนี้ ฉันได้อัปเดตและแก้ไขปัญหาบางอย่างแล้วที่นี่github.com/cr8ivecodesmith/google_docs_scripts/blob/master/…

— cr8ivecodesmith

136

ตอนนี้มันเป็นไปไม่ได้ที่จะเพิ่มสไตล์เพิ่มเติมหรือเปลี่ยนชื่อคนที่มีอยู่ แต่คุณสามารถแก้ไขได้เพื่อให้ตรงกับความต้องการของคุณ

ตัวอย่างเช่นคุณอาจสไตล์รหัสของคุณตามที่คุณต้องการแล้วโดยเลือกหนึ่งในส่วนหัวและเลือกUpdate Heading # to match selectionรูปแบบเฉพาะที่อาจจะกลายเป็นของคุณใหม่"รหัส"สไตล์

จากนั้นเลือกอย่างอื่นแล้วใช้หัวเรื่องนั้นและคุณทำเสร็จแล้ว

สไตล์ใน Google เอกสาร

— Lipis
แหล่งที่มา

104

ข้อเสียคือสิ่งนี้จะรวมถึง "รหัส" ใน TOC ของฉัน : / ฉันพบว่าการใช้รูปแบบคำบรรยายสำหรับรหัสป้องกันไม่ให้แสดงใน TOC

— Mark Nadig

9

+1 @ digger69 สำหรับเคล็ดลับนั้น การใช้“ คำบรรยาย” สำหรับโค้ดเป็นเคล็ดลับเดียวที่ดีที่สุดที่ฉันได้รับจาก StackExchange นี้ เหมาะสำหรับการมีความสูงบรรทัด 1.15 ตลอดทั้งเอกสาร แต่ 1.0 สำหรับรหัส! : D

— ELLIOTTCABLE

9

ดังที่ฉันได้กล่าวถึงในคำตอบของ digger69 ข้อเสียอีกข้อหนึ่งคือสิ่งนี้ไม่อนุญาตให้ใช้รูปแบบอินไลน์ มันจะต้องอยู่ในสายของตัวเอง แน่นอนรหัสสั้นหรือมีแนวโน้มมากขึ้นคำที่เกี่ยวข้องกับรหัส (เช่นแท็กฟังก์ชั่นหรือชื่อตัวแปร) มักจะต้องการอยู่แบบอินไลน์ภายในย่อหน้าของข้อความ

— Drewdavid

2

เป็นความจริงหรือไม่ที่จะต้องเป็น "บล็อก" หมายความว่าทั้งบรรทัดหรือย่อหน้าจะต้องมีสไตล์เดียวกัน - ไม่สามารถcodeผสมกับข้อความปกติเช่นนี้ได้: windowobject

— nopole

12

ฉันแค่อยากจะชี้ให้เห็นว่ามันไม่มีเหตุผลว่า "ผู้เชี่ยวชาญด้านซอฟต์แวร์" ของ Google ไม่เคยเพิ่มคุณสมบัติเพื่อเพิ่มสไตล์ใหม่ให้กับเอกสาร สิ่งนี้น่าจะเป็นหนึ่งในความคาดหวังเริ่มต้นของพวกเขาในทศวรรษหรือดังนั้นแอปพลิเคชันเว็บนี้จึงมีให้บริการ

— Spencer Williams

56

เมื่อลิพิสออกมาคุณยังไม่สามารถสร้างสไตล์ของคุณเองได้ ดังนั้นคุณเหลือที่จะเปลี่ยนใหม่ ข้อเสียของการใช้หัวเรื่องคือสิ่งนี้จะส่งผลให้ "code" ในสารบัญของฉัน (TOC) : / ฉันพบว่าการใช้สไตล์หัวเรื่องและคำบรรยายสำหรับโค้ดจะป้องกันไม่ให้สไตล์เหล่านั้นแสดงใน TOC

— มาร์คนาดี
แหล่งที่มา

3

ข้อเสียเปรียบหลักของวิธีนี้คือในขณะที่คุณสามารถใช้⌘ + Alt + 6 เพื่อใช้เลย์เอาต์นี้หากคุณแทนที่หัวข้อที่ 6 'ไม่มีทางลัดแป้นพิมพ์ที่ตรงกันสำหรับรูปแบบคำบรรยาย

— Amit Kotlovski

5

หมายเหตุอื่น ๆ คือสิ่งนี้ดูเหมือนว่าจะไม่ทำงานแบบอินไลน์จะต้องอยู่ในสายของตัวเอง (จริงทุกรูปแบบที่ฉันจินตนาการ)

— Drewdavid

27

โซลูชันจำนวนมากไม่ทำงานแบบอินไลน์ นี่เป็นวิธีการทำความสะอาดที่เสนอโดย @AlekseyBykov โดยใช้ Google App Scripts เพื่อเพิ่มการกระทำของเมนูที่กำหนดเอง:

สร้างสคริปต์ใหม่ ( Tools > Script Editor)
คัดลอกรหัสต่อไปนี้ลงในโปรแกรมแก้ไข:

// 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);
        }
      }
    }
  }
}

กำหนดให้เรียกใช้onOpenฟังก์ชัน "เปิด" ( Edit > Current Project's Triggers)
หลังจากให้สิทธิ์สคริปต์แล้วให้โหลดเอกสารต้นฉบับอีกครั้ง
ใช้รายการเมนูใหม่เพื่อจัดรูปแบบข้อความที่เลือก ( Styles > Format Code)

— dule
แหล่งที่มา

2

ยอดเยี่ยมและทำงานได้อย่างสมบูรณ์แบบ สำหรับสไตล์ backtick 'Slack' เพิ่มเติม: style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; สไตล์ [DocumentApp.Attribute.FOREGROUND_COLOR] = "# 880000";

— Jim Morrison

1

สิ่งที่ยอดเยี่ยม ฉันไม่ชอบพื้นหลังที่ขาดหายไประหว่างคำดังนั้นฉันจึงปรับเปลี่ยนเพื่อใส่เนื้อหาลงในเซลล์ตารางด้วยพื้นหลังที่เป็นของแข็ง: gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495

— oligofren

สคริปต์ที่ดีสุดขอบคุณ! ตอนนี้ฉันสามารถขยายเพื่อรองรับสไตล์ได้มากขึ้น

— Unreality

15

สไตล์ย่อหน้าเสริมของ Google Documents ที่ไม่เสียค่าใช้จ่าย+อนุญาตให้สร้างสไตล์ย่อหน้าที่กำหนดเองได้ (รวมถึงระบบการกำหนดเลขฐานสิบแบบร่างสำหรับส่วนหัวและสารบัญพร้อมหมายเลขหน้า)

ฉันเพิ่งทดสอบและนี่คือความประทับใจแรกของฉัน:

การเริ่มต้นที่ดี. สำหรับเอกสารขนาดเล็กควรใช้ :-)
อย่างไรก็ตามมันทำงานค่อนข้างช้าแม้ว่าเวอร์ชั่นล่าสุดจะปรับปรุงประสิทธิภาพแล้ว
UI ไม่ได้รวมเข้ากับ UI สไตล์ของ Google เอกสาร อาจเป็นไปไม่ได้ใน Google Docs API
คุณลักษณะลักษณะดั้งเดิมของ Google เอกสารไม่ทราบเกี่ยวกับสไตล์ที่กำหนดเองพิจารณาข้อความทั้งหมดที่มีสไตล์ที่กำหนดเองว่ามีรูปแบบ "ข้อความธรรมดา" คุณสามารถใช้ทั้งคู่ขนาน แต่โปรดทราบว่าปุ่ม "ล้างการจัดรูปแบบ" (ดูเหมือนว่า " T _x ") จะลบการจัดรูปแบบสไตล์ที่กำหนดเองออกจากข้อความที่เลือก
ดูเหมือนว่าคุณจะเก็บรูปแบบตัวละครของคุณบนบริการเว็บภายนอกหมายความว่าคุณต้องมอบความไว้วางใจให้พวกเขาเข้าถึงเอกสารของคุณในแบบที่คุณมอบให้ Google ตอนนี้ ...

ที่มา:รับทราบความคิดเห็นโดย Chris Moschiniด้านบนที่กล่าวถึงครั้งแรก

— tanius
แหล่งที่มา

6

มีความเสี่ยงด้านความปลอดภัยของข้อมูลที่เกี่ยวข้องกับการติดตั้งส่วนขยายของเอกสารประเภทนี้หรือไม่หรือมีรหัสที่ได้รับการยืนยันจาก Google ว่าไม่เป็นอันตรายหรือไม่?

— Gruber

7

สิทธิ์เหล่านี้จะปรากฏขึ้นเพื่อเปิดใช้งานตัวอย่างเช่นเอกสารของคุณที่จะส่งหรือแชร์กับผู้อื่นโดยไม่ต้องแจ้งให้ทราบล่วงหน้า นั่นทำให้ฉันกลัว

— Reece

ตามที่ควร @Reece! ขอบคุณสำหรับตัวชี้

— Cheeso

11

จนกระทั่งเมื่อไม่นานมานี้เป็นไปได้ที่จะแก้ไข CSS (สไตล์ชีท) และ HTML ที่มาของเอกสาร ใช้งานได้บ้าง แต่ถ้าคุณรู้จัก HTML และ CSS คุณสามารถเพิ่มคลาส CSS ลงในเอกสารของคุณแล้วแก้ไข HTML เพื่อใช้งานเช่นใน HTML

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

และใน CSS

.booktitle { font-style:italic; }

Google เลิกใช้ความสามารถนี้มากขึ้นหรือน้อยลงด้วยรูปแบบใหม่บังคับให้ใช้เอกสารเก่าเป็นรูปแบบใหม่ แต่ฉันได้ยินมาว่ามีวิธีเก็บเอกสารในรูปแบบเก่าดังนั้นอาจมีความหวัง

— IJ Kennedy
แหล่งที่มา

1

ฉันจะรักข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำเช่นนี้

— Stew

2

ไม่ทำงาน Google จะ

— ดึง

2

สคริปต์โพสต์ดังกล่าวข้างต้นเป็นเกือบเหมือนคุณลักษณะนี้ หลังจากติดตั้งคุณสามารถแก้ไขstyleวัตถุได้ตามต้องการ มันเป็นจาวาสคริปต์จึงแตกต่างจาก CSS เล็กน้อย แต่เกือบจะเหมือนกัน หมายเหตุ: มันไม่ได้ทำการโทรภายนอกส่งหรือโหลดข้อมูลจากที่อื่น

— Jonathan Cross