Edit HTML di Node SDK

Gunakan REST API untuk mengedit HTML di JavaScript secara terprogram

Saat pengembang memodifikasi HTML dokumen dengan pustaka JavaScript ini, yang sebenarnya sedang diedit adalah Model Objek Dokumen (DOM). Jadi, hampir semua perubahan dapat dilakukan pada HTML dokumen yang direpresentasikan sebagai DOM. Dengan Node SDK yang disediakan, pengembang dapat dengan mudah mengedit dokumen: memodifikasi teks, memperbarui tabel, menambahkan gambar, dan sebagainya. Cukup muat HTML, buat perubahan yang diperlukan secara terprogram dan ekspor hasilnya ke format penyimpanan yang sama atau apa pun yang didukung.

Lihat cuplikan kode

Edit HTML di JavaScript menggunakan REST API

Pustaka Node kami memberi pengembang kemampuan untuk memodifikasi HTML dokumen secara langsung dengan mengedit Model Objek Dokumen (DOM) nya, yang berarti tidak ada perangkat lunak tambahan yang perlu diinstal.

Edit teks dalam HTML file menggunakan JavaScript

Kasus paling populer untuk mengedit HTML file adalah pengeditan teks. Dengan solusi perangkat lunak yang diberikan, Anda dapat menambah, mengubah, atau menghapus teks menggunakan JavaScript di dalam dokumen.

Edit tabel dalam HTML file menggunakan JavaScript

Opsi pengeditan HTML populer lainnya adalah pengeditan tabel. Node SDK kami memungkinkan Anda bekerja dengan tabel dan teks dalam sel tabel.

Pengembang JavaScript dapat menambah atau menghapus sel tabel dan tabel, serta menambah, mengedit, dan menghapus teks di dalamnya.

Tambahkan gambar ke HTML file menggunakan JavaScript

Selain mengedit teks dan tabel di HTML, ada opsi umum lainnya: menambahkan gambar ke dokumen di JavaScript. Pengembang Node juga dapat menambahkan gambar ke dalam HTML file menggunakan DOM.

Edit HTML secara terprogram

Coba Node SDK yang kuat ini dan evaluasi beberapa opsi dalam pengeditan HTML dokumen. Dengan menggunakan contoh berikut, muat HTML dokumen Anda dan buat beberapa perubahan: tambahkan teks, tambahkan tabel dan sel tabel dengan teks atau sisipkan gambar ke dalam HTML dokumen:

Unggah dokumen yang ingin Anda ubah
Jalankan kode
Unggah gambar yang ingin Anda sisipkan
Pilih format target dari daftar
import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input.html");
const requestParagraph = new model.ParagraphInsert({
    text: "Morbi enim nunc faucibus a."
})
const insertParagraphRequest = new model.InsertParagraphOnlineRequest({
    document: requestDocument,
    paragraph: requestParagraph
});

wordsApi.insertParagraphOnline(insertParagraphRequest)
.then((insertParagraphResult) => {    
    const requestDocument = insertParagraphResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});
import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input.html");
const requestTable = new model.TableInsert({
    columnsCount: 1,
    rowsCount: 2
})
const insertTableRequest = new model.InsertTableOnlineRequest({
    document: requestDocument,
    table: requestTable,
    nodePath: ""
});

wordsApi.insertTableOnline(insertTableRequest)
.then((insertTableResult) => {    
    const requestDocument = insertTableResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});
import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input1.html");
const requestDrawingObject = new model.DrawingObjectInsert({
    height: 0,
    left: 0,
    top: 0,
    width: 0,
    relativeHorizontalPosition: model.DrawingObjectInsert.RelativeHorizontalPositionEnum.Margin,
    relativeVerticalPosition: model.DrawingObjectInsert.RelativeVerticalPositionEnum.Margin,
    wrapType: model.DrawingObjectInsert.WrapTypeEnum.Inline
})
const requestImageFile = fs.createReadStream("Input2.html");
const insertDrawingObjectRequest = new model.InsertDrawingObjectOnlineRequest({
    document: requestDocument,
    drawingObject: requestDrawingObject,
    imageFile: requestImageFile,
    nodePath: "sections/0"
});

wordsApi.insertDrawingObjectOnline(insertDrawingObjectRequest)
.then((insertDrawingObjectResult) => {    
    const requestDocument = insertDrawingObjectResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});
Jalankan kode
  
Salin kode JavaScript ke papan klip

Cara edit HTML JavaScript REST API

  1. Instal 'Aspose.Words Cloud untuk Node'
  2. Tambahkan referensi perpustakaan (impor perpustakaan) ke proyek JavaScript Anda
  3. Muat HTML untuk mengedit di JavaScript
  4. Sisipkan konten di awal HTML
  5. Unduh dokumen hasil dari penyimpanan cloud

JavaScript perpustakaan untuk menggunakan HTML pengeditan

Instal 'Aspose.Words Cloud SDK for Node.js' menggunakan pengelola paket NPM. Jalankan npm install asposewordscloud --save dari baris perintah untuk menginstal SDK melalui manajer paket NPM. Sebagai alternatif, Anda dapat secara manual mengkloning kode sumber Aspose.Words Cloud SDK for Node.js dari GitHub dan menggunakannya dalam proyek Anda. Harap ikuti Instructions ini untuk mendapatkan kredensial keamanan yang diperlukan dengan cepat dan mengakses REST API kami.

Persyaratan sistem

  • @types/request (version 2.48.3+)
  • lodash (version 4.17.15+)
  • lodash.template (version 4.5.0+)
  • request (version 2.88.0+)
  • request-debug (version 0.2.0+)

Lihat Repository Documentation untuk melihat detail lebih lanjut.

Format file lain yang didukung

Anda dapat melakukan operasi edit untuk format file lain:

5%

Berlangganan Pembaruan Produk Aspose

Dapatkan buletin bulanan dan penawaran langsung dikirim ke kotak surat Anda.

© Aspose Pty Ltd 2001-2024. Seluruh hak cipta.