จัดรูปแบบข้อความ

หน้านี้จะบอกวิธีจัดรูปแบบข้อความโดยใช้ Google เอกสาร API

เกี่ยวกับการจัดรูปแบบ

การจัดรูปแบบเนื้อหาข้อความของเอกสารทำได้ 2 แบบดังนี้

  • คุณเปลี่ยนการจัดรูปแบบอักขระได้ เช่น แบบอักษร สี หรือการขีดเส้นใต้
  • คุณเปลี่ยนการจัดรูปแบบย่อหน้าได้ เช่น การเยื้องหรือระยะบรรทัด

การเปลี่ยนการจัดรูปแบบอักขระ

การจัดรูปแบบอักขระจะเป็นตัวกำหนดการแสดงผลของอักขระข้อความในเอกสาร

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

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

  • segmentId ที่ระบุส่วนหัว ท้ายกระดาษ เชิงอรรถ หรือเนื้อหา (หากไม่ได้ระบุ) ที่มีข้อความ
  • startIndex และ endIndex ที่กําหนดช่วงข้อความภายในกลุ่มที่จะจัดรูปแบบ
  • tabId ที่ระบุแท็บที่มีข้อความ

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

  • กำหนดแบบอักษรของอักขระ 1-5 เป็นตัวหนาตัวเอียง
  • กำหนดสีของตัวอักขระ 6-10 เป็นblueแบบอักษร Times New Roman ขนาด 14 จุด
  • ไฮเปอร์ลิงก์อักขระที่ 11-15 ไปยัง www.example.com

วิธีง่ายๆ ในการทำเช่นนี้คือสร้างรายการคำขอ แล้วใช้การเรียกbatchUpdate 1 ครั้ง ดังนี้

Java

List<Request> requests = new ArrayList<>();
requests.add(new Request().setUpdateTextStyle(new UpdateTextStyleRequest()
        .setTextStyle(new TextStyle()
                .setBold(true)
                .setItalic(true))
        .setRange(new Range()
                .setStartIndex(1)
                .setEndIndex(5)
                .setTabId(TAB_ID))
        .setFields("bold")));

requests.add(new Request()
        .setUpdateTextStyle(new UpdateTextStyleRequest()
                .setRange(new Range()
                        .setStartIndex(6)
                        .setEndIndex(10)
                        .setTabId(TAB_ID))
                .setTextStyle(new TextStyle()
                        .setWeightedFontFamily(new WeightedFontFamily()
                                .setFontFamily("Times New Roman"))
                        .setFontSize(new Dimension()
                                .setMagnitude(14.0)
                                .setUnit("PT"))
                        .setForegroundColor(new OptionalColor()
                                .setColor(new Color().setRgbColor(new RgbColor()
                                        .setBlue(1.0F)
                                        .setGreen(0.0F)
                                        .setRed(0.0F)))))
                .setFields("foregroundColor,weightedFontFamily,fontSize")));

requests.add(new Request()
        .setUpdateTextStyle(new UpdateTextStyleRequest()
                .setRange(new Range()
                        .setStartIndex(11)
                        .setEndIndex(15)
                        .setTabId(TAB_ID))
                .setTextStyle(new TextStyle()
                        .setLink(new Link()
                                .setUrl("www.example.com")))
                .setFields("link")));


BatchUpdateDocumentRequest body = new BatchUpdateDocumentRequest().setRequests(requests);
BatchUpdateDocumentResponse response = docsService.documents()
        .batchUpdate(DOCUMENT_ID, body).execute();

Python

requests = [
    {
        'updateTextStyle': {
            'range': {
                'startIndex': 1,
                'endIndex': 5,
                'tabId': TAB_ID
            },
            'textStyle': {
                'bold': True,
                'italic': True
            },
            'fields': 'bold,italic'
        }
    },
    {
        'updateTextStyle': {
            'range': {
                'startIndex': 6,
                'endIndex': 10,
                'tabId': TAB_ID
            },
            'textStyle': {
                'weightedFontFamily': {
                    'fontFamily': 'Times New Roman'
                },
                'fontSize': {
                    'magnitude': 14,
                    'unit': 'PT'
                },
                'foregroundColor': {
                    'color': {
                        'rgbColor': {
                            'blue': 1.0,
                            'green': 0.0,
                            'red': 0.0
                        }
                    }
                }
            },
            'fields': 'foregroundColor,weightedFontFamily,fontSize'
        }
    },
    {
        'updateTextStyle': {
            'range': {
                'startIndex': 11,
                'endIndex': 15,
                'tabId': TAB_ID
            },
            'textStyle': {
                'link': {
                    'url': 'www.example.com'
                }
            },
            'fields': 'link'
        }
    }
]

result = service.documents().batchUpdate(
    documentId=DOCUMENT_ID, body={'requests': requests}).execute()

การเปลี่ยนการจัดรูปแบบย่อหน้า

Google เอกสาร API ช่วยให้คุณอัปเดตการจัดรูปแบบย่อหน้า ซึ่งจะกำหนดวิธีแสดงผลบล็อกข้อความในเอกสาร รวมถึงฟีเจอร์ต่างๆ เช่น การจัดแนวและการเยื้อง

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

ตัวอย่างด้านล่างระบุการจัดรูปแบบต่อไปนี้สำหรับย่อหน้า

  • หัวข้อเป็นรูปแบบที่มีชื่อ
  • กำหนดระยะห่างเองด้านบน
  • กำหนดระยะห่างเองด้านล่าง
  • เส้นขอบด้านซ้ายที่กำหนดเอง

ฟีเจอร์การจัดรูปแบบอื่นๆ ทั้งหมดของย่อหน้าจะยังคงรับค่าจากรูปแบบที่มีชื่อที่อยู่เบื้องหลัง

Java

List<Request> requests = new ArrayList<>();
requests.add(new Request().setUpdateParagraphStyle(new UpdateParagraphStyleRequest()
        .setRange(new Range()
                .setStartIndex(1)
                .setEndIndex(10)
                .setTabId(TAB_ID))
        .setParagraphStyle(new ParagraphStyle()
                .setNamedStyleType("HEADING_1")
                .setSpaceAbove(new Dimension()
                        .setMagnitude(10.0)
                        .setUnit("PT"))
                .setSpaceBelow(new Dimension()
                        .setMagnitude(10.0)
                        .setUnit("PT")))
        .setFields("namedStyleType,spaceAbove,spaceBelow")
));

requests.add(new Request().setUpdateParagraphStyle(new UpdateParagraphStyleRequest()
        .setRange(new Range()
                .setStartIndex(10)
                .setEndIndex(20)
                .setTabId(TAB_ID))
        .setParagraphStyle(new ParagraphStyle()
                .setBorderLeft(new ParagraphBorder()
                        .setColor(new OptionalColor()
                                .setColor(new Color()
                                        .setRgbColor(new RgbColor()
                                                .setBlue(1.0F)
                                                .setGreen(0.0F)
                                                .setRed(0.0F)
                                        )
                                )
                        )
                        .setDashStyle("DASH")
                        .setPadding(new Dimension()
                                .setMagnitude(20.0)
                                .setUnit("PT"))
                        .setWidth(new Dimension()
                                .setMagnitude(15.0)
                                .setUnit("PT")
                        )
                )
        )
        .setFields("borderLeft")
));

BatchUpdateDocumentRequest body = new BatchUpdateDocumentRequest().setRequests(requests);
BatchUpdateDocumentResponse response = docsService.documents()
        .batchUpdate(DOCUMENT_ID, body).execute();

Python

requests = [
    {
        'updateParagraphStyle': {
            'range': {
                'startIndex': 1,
                'endIndex':  10,
                'tabId': TAB_ID
            },
            'paragraphStyle': {
                'namedStyleType': 'HEADING_1',
                'spaceAbove': {
                    'magnitude': 10.0,
                    'unit': 'PT'
                },
                'spaceBelow': {
                    'magnitude': 10.0,
                    'unit': 'PT'
                }
            },
            'fields': 'namedStyleType,spaceAbove,spaceBelow'
        }
    },
    {
        'updateParagraphStyle': {
            'range': {
                'startIndex': 10,
                'endIndex':  20,
                'tabId': TAB_ID
            },
            'paragraphStyle': {
                'borderLeft': {
                    'color': {
                        'color': {
                            'rgbColor': {
                                'blue': 1.0,
                                'green': 0.0,
                                'red': 0.0
                            }
                        }
                    },
                    'dashStyle': 'DASH',
                    'padding': {
                        'magnitude': 20.0,
                        'unit': 'PT'
                    },
                    'width': {
                        'magnitude': 15.0,
                        'unit': 'PT'
                    },
                }
            },
            'fields': 'borderLeft'
        }
    }
]

result = service.documents().batchUpdate(
    documentId=DOCUMENT_ID, body={'requests': requests}).execute()