Redigera HTML i Node SDK

Använd REST API för att redigera HTML i JavaScript programmatiskt

När utvecklare ändrar ett HTML dokument med detta JavaScript bibliotek, är det som faktiskt redigeras Document Object Model (DOM). Således kan nästan alla ändringar göras i HTML dokumentet som representeras som DOM. Med den medföljande Node SDK kan utvecklare enkelt redigera ett dokument: ändra text, uppdatera tabeller, lägga till bilder och så vidare. Ladda bara en HTML, gör nödvändiga ändringar programmatiskt och exportera resultatet till samma eller något annat sparat format som stöds.

Visa kodavsnitt

Redigera HTML i JavaScript med REST API

Vårt Node bibliotek ger utvecklare möjligheten att modifiera ett HTML dokument direkt genom att redigera dess Document Object Model (DOM), vilket innebär att ingen ytterligare programvara behöver installeras.

Redigera text i HTML fil med JavaScript

Det mest populära fallet för att redigera en HTML fil är textredigering. Med den givna mjukvarulösningen kan du lägga till, ändra eller ta bort text med hjälp av JavaScript i dokumentet.

Redigera tabell i HTML fil med JavaScript

Ett annat populärt HTML redigeringsalternativ är tabellredigering. Vår Node SDK låter dig arbeta med tabeller och text i tabellceller.

JavaScript utvecklare kan lägga till eller ta bort tabell- och tabellceller, samt lägga till, redigera och ta bort text i dem.

Lägg till en bild till HTML fil med JavaScript

Förutom att redigera text och tabeller i HTML, finns det ett annat vanligt alternativ: att lägga till bilder i ett dokument i JavaScript. Node utvecklare kan också lägga till en bild i en HTML fil med hjälp av DOM.

Redigera HTML programmatiskt

Prova denna kraftfulla Node SDK och utvärdera några alternativ i HTML dokumentredigering. Använd följande exempel, ladda ditt HTML dokument och gör några ändringar: lägg till text, lägg till en tabell och en tabellcell med text eller infoga en bild i HTML dokumentet:

Ladda upp ett dokument som du vill ändra
Kör kod
Ladda upp en bild som du vill infoga
Välj målformat från listan
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);
    });
});
Kör kod
  
Kopiera koden JavaScript till urklipp

Så här redigerar du HTML i JavaScript

  1. Installera "Aspose.Words Cloud for Node"
  2. Lägg till en biblioteksreferens (importera biblioteket) till ditt JavaScript projekt
  3. Ladda HTML för att redigera i JavaScript
  4. Infoga innehåll i början av HTML
  5. Ladda ner resultatdokumentet från molnlagringen

JavaScript bibliotek för att använda HTML redigering

Installera 'Aspose.Words Cloud SDK for Node.js' med NPM -pakethanteraren. Kör npm install asposewordscloud --save från kommandoraden för att installera SDK via NPM pakethanteraren. Som ett alternativ kan du manuellt klona Aspose.Words Cloud SDK for Node.js källkod från GitHub och använda den i ditt projekt. Följ dessa Instructions för att snabbt få nödvändiga säkerhetsuppgifter och få tillgång till vårt REST API.

Systemkrav

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

Se Repository Documentation för mer information.

Andra filformat som stöds

Du kan utföra redigeringsåtgärder för andra filformat:

5%

Prenumerera på Aspose produktuppdateringar

Få månatliga nyhetsbrev och erbjudanden direkt levererade till din brevlåda.

© Aspose Pty Ltd 2001-2024. Alla rättigheter förbehållna.