Modifica HTML in Node SDK

Utilizza REST API per modificare HTML in JavaScript a livello di codice

Quando gli sviluppatori modificano un HTML documento con questa libreria JavaScript, ciò che viene effettivamente modificato è il Document Object Model (DOM). Pertanto, è possibile apportare quasi tutte le modifiche al HTML documento rappresentato come DOM. Con Node SDK fornito, gli sviluppatori possono modificare facilmente un documento: modificare il testo, aggiornare le tabelle, aggiungere immagini e così via. Basta caricare un HTML, apportare le modifiche necessarie a livello di codice ed esportare il risultato nello stesso formato di salvataggio o in qualsiasi formato supportato.

Visualizza lo snippet di codice

Modifica HTML in JavaScript usando REST API

La nostra libreria Node offre agli sviluppatori la possibilità di modificare un HTML documento direttamente modificandone il Document Object Model (DOM), il che significa che non è necessario installare alcun software aggiuntivo.

Modifica il testo nel HTML file usando JavaScript

Il caso più comune per modificare un HTML file è la modifica del testo. Con la soluzione software fornita, puoi aggiungere, modificare o eliminare testo utilizzando JavaScript all'interno del documento.

Modifica la tabella nel HTML file usando JavaScript

Un'altra popolare opzione di modifica HTML è la modifica della tabella. Il nostro Node SDK ti consente di lavorare con tabelle e testo nelle celle di una tabella.

Gli sviluppatori di JavaScript possono aggiungere o rimuovere tabelle e celle di tabelle, nonché aggiungere, modificare e rimuovere il testo al loro interno.

Aggiungi un'immagine al HTML file usando JavaScript

Oltre a modificare testo e tabelle in HTML, c'è un'altra opzione comune: aggiungere immagini a un documento in JavaScript. Gli sviluppatori Node possono anche aggiungere un'immagine in un HTML file utilizzando DOM.

Modifica HTML a livello di codice

Prova questo potente Node SDK e valuta alcune opzioni nella modifica dei HTML documenti. Utilizzando l'esempio seguente, carica il tuo HTML documento e apporta alcune modifiche: aggiungi testo, aggiungi una tabella e una cella di tabella con testo o inserisci un'immagine nel HTML documento:

Carica un documento che desideri modificare
Esegui codice
Carica un'immagine che vuoi inserire
Seleziona il formato di destinazione dall'elenco
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);
    });
});
Esegui codice
  
Copia il codice JavaScript negli appunti

Come modificare HTML JavaScript REST API

  1. Installa "Aspose.Words Cloud per Node"
  2. Aggiungi un riferimento alla libreria (importa la libreria) al tuo progetto JavaScript
  3. Carica HTML per modificare in JavaScript
  4. Inserisci contenuto all'inizio di HTML
  5. Scarica il documento dei risultati dal cloud storage

JavaScript libreria per utilizzare la modifica HTML

Installa 'Aspose.Words Cloud SDK for Node.js' utilizzando il gestore di pacchetti NPM. Esegui npm install asposewordscloud --save dalla riga di comando per installare l'SDK tramite il gestore di pacchetti NPM. In alternativa, puoi clonare manualmente il codice sorgente di Aspose.Words Cloud SDK for Node.js da GitHub e usarlo nel tuo progetto. Segui queste Instructions per ottenere rapidamente le credenziali di sicurezza necessarie e accedere alla nostra REST API.

Requisiti di sistema

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

Fare riferimento alla Repository Documentation per ulteriori dettagli.

Altri formati di file supportati

È possibile eseguire operazioni di modifica per altri formati di file:

5%

Iscriviti agli aggiornamenti del prodotto Aspose

Ricevi newsletter mensili e offerte direttamente nella tua casella di posta.

© Aspose Pty Ltd 2001-2024. Tutti i diritti riservati.