Edit HTML dalam Node SDK

Gunakan REST API untuk mengedit HTML dalam JavaScript secara pemrograman

Apabila pembangun mengubah suai HTML dokumen dengan pustaka JavaScript ini, perkara yang sebenarnya sedang diedit ialah Model Objek Dokumen (DOM). Oleh itu, hampir sebarang perubahan boleh dibuat pada HTML dokumen yang diwakili sebagai DOM. Dengan Node SDK yang disediakan, pembangun boleh mengedit dokumen dengan mudah: mengubah suai teks, mengemas kini jadual, menambah imej dan sebagainya. Hanya muatkan HTML, buat perubahan yang diperlukan secara pemrograman dan eksport hasilnya ke format simpan yang sama atau mana-mana yang disokong.

Lihat coretan kod

Edit HTML dalam JavaScript menggunakan REST API

Pustaka Node kami memberi pembangun keupayaan untuk mengubah suai HTML dokumen secara langsung dengan mengedit Model Objek Dokumen (DOM), yang bermaksud tiada perisian tambahan perlu dipasang.

Edit teks dalam HTML fail menggunakan JavaScript

Kes yang paling popular untuk mengedit HTML fail ialah penyuntingan teks. Dengan penyelesaian perisian yang diberikan, anda boleh menambah, mengubah suai atau memadam teks menggunakan JavaScript dalam dokumen.

Edit jadual dalam HTML fail menggunakan JavaScript

Satu lagi pilihan penyuntingan HTML yang popular ialah penyuntingan jadual. Node SDK kami membolehkan anda bekerja dengan jadual dan teks dalam sel jadual.

Pembangun JavaScript boleh menambah atau mengalih keluar sel jadual dan jadual, serta menambah, mengedit dan mengalih keluar teks di dalamnya.

Tambahkan imej pada HTML fail menggunakan JavaScript

Selain menyunting teks dan jadual dalam HTML, terdapat satu lagi pilihan biasa: menambahkan imej pada dokumen dalam JavaScript. Pembangun Node juga boleh menambah imej ke dalam HTML fail menggunakan DOM.

Edit HTML secara pemrograman

Cuba Node SDK yang berkuasa ini dan nilai beberapa pilihan dalam penyuntingan HTML dokumen. Menggunakan contoh berikut, muatkan HTML dokumen anda dan buat beberapa perubahan: tambah teks, tambah jadual dan sel jadual dengan teks atau masukkan imej ke dalam HTML dokumen:

Muat naik dokumen yang ingin anda ubah suai
Jalankan kod
Muat naik imej yang anda mahu sisipkan
Pilih format sasaran daripada senarai
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 kod
  
Salin kod JavaScript ke papan keratan

Cara Mengedit HTML dalam JavaScript

  1. Pasang 'Aspose.Words Cloud untuk Node'
  2. Tambah rujukan perpustakaan (import pustaka) ke projek JavaScript anda
  3. Muatkan HTML untuk mengedit dalam JavaScript
  4. Sisipkan kandungan pada permulaan HTML
  5. Muat turun dokumen hasil daripada storan awan

Pustaka JavaScript untuk menggunakan pengeditan HTML.

Pasang 'Aspose.Words Cloud SDK for Node.js' menggunakan pengurus pakej NPM. Jalankan npm install asposewordscloud --save dari baris arahan untuk memasang SDK melalui pengurus pakej NPM. Sebagai alternatif, anda boleh mengklon Aspose.Words Cloud SDK for Node.js daripada GitHub dan menggunakannya dalam projek anda. Sila ikuti Instructions ini untuk mendapatkan kelayakan keselamatan yang diperlukan dengan cepat dan mengakses REST API kami.

Keperluan 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+)

Rujuk Repository Documentation untuk melihat butiran lanjut.

Format fail lain yang disokong

Anda boleh melakukan operasi edit untuk format fail lain:

5%

Langgan Kemas Kini Produk Aspose

Dapatkan surat berita bulanan dan tawaran yang dihantar terus ke peti mel anda.

© Aspose Pty Ltd 2001-2024. Hak cipta terpelihara.