ערוך את HTML ב SDK של Node

השתמש ב REST API כדי לערוך את HTML ב JavaScript באופן פרוגרמטי

כאשר מפתחים משנים מסמך HTML עם ספריית JavaScript זו, מה שנערך בפועל הוא מודל אובייקט המסמך (DOM). לפיכך, ניתן לבצע כמעט כל שינוי במסמך HTML המיוצג כ DOM. עם ה SDK של Node המסופק, מפתחים יכולים לערוך מסמך בקלות: לשנות טקסט, לעדכן טבלאות, להוסיף תמונות וכן הלאה. פשוט טען HTML, בצע את השינויים הדרושים באופן פרוגרמטי וייצא את התוצאה לאותו פורמט שמירה נתמך או לכל פורמט שמירה נתמך.

הצג את קטע הקוד

ערוך HTML ב JavaScript באמצעות REST API

ספריית הלינוקס שלנו מעניקה למפתחים את היכולת לשנות מסמך HTML ישירות על ידי עריכת Document Object Model (DOM) שלו, כלומר אין צורך להתקין תוכנה נוספת.

ערוך טקסט בקובץ HTML באמצעות JavaScript

המקרה הפופולרי ביותר לעריכת קובץ HTML הוא עריכת טקסט. עם פתרון התוכנה הנתון, אתה יכול להוסיף, לשנות או למחוק טקסט באמצעות JavaScript בתוך המסמך.

ערוך טבלה בקובץ HTML באמצעות JavaScript

אפשרות נוספת לעריכת HTML פופולרית היא עריכת טבלה. Node SDK שלנו מאפשר לך לעבוד עם טבלאות וטקסט בתאי טבלה.

מפתחי JavaScript יכולים להוסיף או להסיר תאי טבלה וטבלה, כמו גם להוסיף, לערוך ולהסיר טקסט בתוכם.

הוסף תמונה ל HTML קובץ באמצעות JavaScript

מלבד עריכת טקסט וטבלאות ב HTML, ישנה אפשרות נפוצה נוספת: הוספת תמונות למסמך ב JavaScript. מפתחי לינוקס יכולים גם להוסיף תמונה ל HTML קובץ באמצעות DOM.

ערוך HTML באופן תכנותי

נסה את SDK ה Node העוצמתי הזה והעריך כמה אפשרויות בעריכת מסמכי 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

קבל ניוזלטרים והצעות חודשיים שנשלחו ישירות לתיבת הדואר שלך.

© Aspose Pty Ltd 2001-2024. כל הזכויות שמורות.