แก้ไข HTML ใน Node SDK

ใช้ REST API เพื่อแก้ไข HTML ใน JavaScript โดยทางโปรแกรม

เมื่อนักพัฒนาแก้ไขเอกสาร HTML ด้วยไลบรารี JavaScript นี้ สิ่งที่กำลังแก้ไขจริงๆ คือ Document Object Model (DOM) ดังนั้น การเปลี่ยนแปลงเกือบทั้งหมดในเอกสาร HTML ที่แสดงเป็น DOM ด้วย Node SDK ที่มีให้ นักพัฒนาสามารถแก้ไขเอกสารได้อย่างง่ายดาย เช่น แก้ไขข้อความ อัปเดตตาราง เพิ่มรูปภาพ และอื่นๆ เพียงโหลด HTML ทำการเปลี่ยนแปลงที่จำเป็นโดยทางโปรแกรม และส่งออกผลลัพธ์เป็นรูปแบบเดียวกันหรือรูปแบบการบันทึกที่รองรับ

ดูข้อมูลโค้ด

แก้ไข HTML ใน JavaScript โดยใช้ REST API

ไลบรารี Node ของเราช่วยให้นักพัฒนาสามารถแก้ไขเอกสาร HTML ได้โดยตรงโดยแก้ไข Document Object Model (DOM) ซึ่งหมายความว่าไม่จำเป็นต้องติดตั้งซอฟต์แวร์เพิ่มเติม

แก้ไขข้อความในไฟล์ HTML โดยใช้ JavaScript

กรณีที่นิยมที่สุดในการแก้ไขไฟล์ HTML คือการแก้ไขข้อความ ด้วยโซลูชันซอฟต์แวร์ที่ให้มา คุณสามารถเพิ่ม แก้ไข หรือลบข้อความโดยใช้ JavaScript ภายในเอกสารได้

แก้ไขตารางในไฟล์ HTML โดยใช้ JavaScript

อีกตัวเลือกการแก้ไข HTML ยอดนิยมคือการแก้ไขตาราง Node SDK ของเราช่วยให้คุณทำงานกับตารางและข้อความในเซลล์ของตารางได้

นักพัฒนา JavaScript สามารถเพิ่มหรือลบตารางและเซลล์ตาราง ตลอดจนเพิ่ม แก้ไข และลบข้อความภายใน

เพิ่มรูปภาพไปยังไฟล์ HTML โดยใช้ JavaScript

นอกจากการแก้ไขข้อความและตารางใน HTML แล้ว ยังมีอีกตัวเลือกทั่วไป: การเพิ่มรูปภาพลงในเอกสารใน JavaScript นักพัฒนา Node สามารถเพิ่มรูปภาพลงในไฟล์ HTML โดยใช้ DOM

แก้ไข HTML โดยทางโปรแกรม

ลองใช้ Node SDK อันทรงพลังนี้และประเมินตัวเลือกบางอย่างในการแก้ไขเอกสาร HTML ใช้ตัวอย่างต่อไปนี้ โหลดเอกสาร HTML ของคุณ และทำการเปลี่ยนแปลงบางอย่าง: เพิ่มข้อความ เพิ่มตารางและเซลล์ตารางที่มีข้อความ หรือแทรกรูปภาพลงในเอกสาร HTML:

อัปโหลดเอกสารที่คุณต้องการแก้ไข
รันโค้ด
อัปโหลดรูปภาพที่คุณต้องการแทรก
เลือกรูปแบบเป้าหมายจากรายการ
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);
    });
});
รันโค้ด
  
คัดลอกรหัส JavaScript ไปยังคลิปบอร์ด

วิธีแก้ไข HTML ใน JavaScript

  1. ติดตั้ง 'Aspose.Words Cloud สำหรับ Node'
  2. เพิ่มการอ้างอิงไลบรารี (นำเข้าไลบรารี) ไปยัง JavaScript โครงการของคุณ
  3. โหลด HTML เพื่อแก้ไขใน JavaScript
  4. แทรกเนื้อหาที่จุดเริ่มต้นของ HTML
  5. ดาวน์โหลดเอกสารผลลัพธ์จากที่เก็บข้อมูลบนคลาวด์

JavaScript ห้องสมุดเพื่อใช้ HTML แก้ไข

ติดตั้ง 'Aspose.Words Cloud SDK for Node.js' โดยใช้ตัวจัดการแพ็คเกจ NPM รัน npm install asposewordscloud --save จากบรรทัดคำสั่งเพื่อติดตั้ง SDK ผ่านตัวจัดการแพ็คเกจ NPM คุณสามารถโคลน Aspose.Words Cloud SDK for Node.js ด้วยตนเองจาก GitHub และใช้ในโครงการของคุณ โปรดปฏิบัติตาม Instructions เหล่านี้เพื่อรับข้อมูลประจำตัวด้านความปลอดภัยที่จำเป็นอย่างรวดเร็วและเข้าถึง REST API ของเรา

ความต้องการของระบบ

  • @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+)

อ้างถึง Repository Documentation เพื่อดูรายละเอียดเพิ่มเติม

รูปแบบไฟล์อื่นๆ ที่รองรับ

คุณสามารถดำเนินการแก้ไขสำหรับรูปแบบไฟล์อื่นๆ ได้:

5%

สมัครสมาชิก Aspose Product Updates

รับจดหมายข่าวและข้อเสนอรายเดือนที่ส่งตรงถึงกล่องจดหมายของคุณ