Kelola Font di Presentasi Menggunakan JavaScript

Pendahuluan

Presentasi biasanya berisi teks dan gambar. Teks dapat diformat dalam berbagai cara, baik untuk menyoroti bagian dan kata tertentu maupun untuk menyesuaikan dengan gaya perusahaan. Pemformatan teks membantu pengguna mengubah tampilan konten presentasi. Artikel ini menunjukkan cara menggunakan Aspose.Slides for Node.js via Java untuk mengonfigurasi properti font pada paragraf teks di slide.

Kelola Properti Terkait Font

Untuk mengelola properti font sebuah paragraf menggunakan Aspose.Slides for Node.js via Java:

Buat instance kelas Presentation.
Dapatkan referensi slide dengan menggunakan indeksnya.
Akses bentuk Placeholder pada slide dan cast ke AutoShape.
Dapatkan Paragraph dari TextFrame yang disediakan oleh AutoShape.
Ratakan paragraf.
Akses Portion teks pada sebuah Paragraph.
Tentukan font menggunakan FontData dan setel Font pada Portion secara bersamaan.
1. Setel font menjadi tebal.
2. Setel font menjadi miring.
Setel warna font menggunakan FillFormat yang disediakan oleh objek Portion.
Simpan presentasi yang telah dimodifikasi ke file PPTX.

Implementasi langkah‑langkah di atas diberikan di bawah. Contoh ini mengambil presentasi standar dan memformat font pada salah satu slide. Cuplikan layar berikut menunjukkan file input dan bagaimana potongan kode mengubahnya. Kode mengubah font, warna, dan gaya font.


Gambar: Teks dalam file input


Gambar: Teks yang sama dengan pemformatan yang diperbarui

// Membuat objek Presentation yang mewakili file PPTX
var pres = new aspose.slides.Presentation("FontProperties.pptx");
try {
    // Mengakses slide menggunakan posisi slide-nya
    var slide = pres.getSlides().get_Item(0);
    // Mengakses placeholder pertama dan kedua dalam slide dan mengubah tipenya menjadi AutoShape
    var tf1 = slide.getShapes().get_Item(0).getTextFrame();
    var tf2 = slide.getShapes().get_Item(1).getTextFrame();
    // Mengakses Paragraph pertama
    var para1 = tf1.getParagraphs().get_Item(0);
    var para2 = tf2.getParagraphs().get_Item(0);
    // Menjustifikasi paragraf
    para2.getParagraphFormat().setAlignment(aspose.slides.TextAlignment.JustifyLow);
    // Mengakses portion pertama
    var port1 = para1.getPortions().get_Item(0);
    var port2 = para2.getPortions().get_Item(0);
    // Mendefinisikan font baru
    var fd1 = new aspose.slides.FontData("Elephant");
    var fd2 = new aspose.slides.FontData("Castellar");
    // Menetapkan font baru ke portion
    port1.getPortionFormat().setLatinFont(fd1);
    port2.getPortionFormat().setLatinFont(fd2);
    // Menetapkan font menjadi Bold
    port1.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    port2.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // Menetapkan font menjadi Italic
    port1.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    port2.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // Menetapkan warna font
    port1.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port1.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    port2.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port2.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GREEN"));
    // Menyimpan PPTX ke disk
    pres.save("WelcomeFont.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Atur Properti Font Teks

Seperti yang disebutkan dalam Mengelola Properti terkait Font, sebuah Portion digunakan untuk menampung teks dengan gaya pemformatan serupa dalam sebuah paragraf. Artikel ini menunjukkan cara menggunakan Aspose.Slides for Node.js via Java untuk membuat kotak teks dengan beberapa teks dan kemudian menentukan font tertentu, serta berbagai properti lain dari kategori keluarga font.

Untuk membuat kotak teks dan mengatur properti font pada teks di dalamnya:

Buat instance kelas Presentation.
Dapatkan referensi sebuah slide dengan menggunakan indeksnya.
Tambahkan sebuah AutoShape dengan tipe Rectangle ke slide.
Hapus gaya isi yang terkait dengan AutoShape.
Akses TextFrame dari AutoShape.
Tambahkan beberapa teks ke TextFrame.
Akses objek Portion yang terkait dengan TextFrame.
Tentukan font yang akan digunakan untuk Portion.
Setel properti font lainnya seperti tebal, miring, garis bawah, warna, dan tinggi menggunakan properti yang relevan yang tersedia pada objek Portion.
Tulis presentasi yang telah dimodifikasi sebagai file PPTX.

Implementasi langkah‑langkah di atas diberikan di bawah.


Gambar: Teks dengan beberapa properti font yang diatur oleh Aspose.Slides for Node.js via Java

// Membuat objek Presentation yang mewakili file PPTX
var pres = new aspose.slides.Presentation();
try {
    // Dapatkan slide pertama
    var sld = pres.getSlides().get_Item(0);
    // Tambahkan AutoShape dengan tipe Rectangle
    var ashp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 200, 50);
    // Hapus semua gaya isi yang terkait dengan AutoShape
    ashp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
    // Akses TextFrame yang terkait dengan AutoShape
    var tf = ashp.getTextFrame();
    tf.setText("Aspose TextBox");
    // Akses Portion yang terkait dengan TextFrame
    var port = tf.getParagraphs().get_Item(0).getPortions().get_Item(0);
    // Atur Font untuk Portion
    port.getPortionFormat().setLatinFont(new aspose.slides.FontData("Times New Roman"));
    // Atur properti Bold pada Font
    port.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // Atur properti Italic pada Font
    port.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // Atur properti Underline pada Font
    port.getPortionFormat().setFontUnderline(aspose.slides.TextUnderlineType.Single);
    // Atur Tinggi Font
    port.getPortionFormat().setFontHeight(25);
    // Atur warna Font
    port.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    // Simpan presentasi ke disk
    pres.save("pptxFont.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Sesuaikan Font PowerPoint dengan JavaScript