Bearbeiten Sie HTML in JavaScript mit der REST API

Unsere Node Bibliothek gibt Entwicklern die Möglichkeit, ein HTML Dokument direkt durch Bearbeiten seines Document Object Model (DOM) zu ändern, was bedeutet, dass keine zusätzliche Software installiert werden muss.

Text in HTML Datei mit JavaScript bearbeiten

Der beliebteste Fall zum Bearbeiten einer HTML Datei ist die Textbearbeitung. Mit der angegebenen Softwarelösung können Sie mit JavaScript innerhalb des Dokuments Text hinzufügen, ändern oder löschen.

Bearbeiten Sie die Tabelle in der HTML Datei mit JavaScript

Eine weitere beliebte HTML Bearbeitungsoption ist die Tabellenbearbeitung. Mit unserem Node SDK können Sie mit Tabellen und Text in Tabellenzellen arbeiten.

JavaScript Entwickler können Tabellen und Tabellenzellen hinzufügen oder entfernen sowie Text darin hinzufügen, bearbeiten und entfernen.

Fügen Sie mit JavaScript ein Bild zu einer HTML Datei hinzu

Neben der Bearbeitung von Text und Tabellen in HTML gibt es eine weitere gängige Option: das Hinzufügen von Bildern zu einem Dokument in JavaScript. Node Entwickler können auch mithilfe von DOM ein Bild in eine HTML Datei einfügen.

Bearbeiten Sie HTML programmgesteuert

Probieren Sie dieses leistungsstarke Node SDK aus und testen Sie einige Optionen zur Bearbeitung von HTML Dokumenten. Laden Sie anhand des folgenden Beispiels Ihr HTML Dokument und nehmen Sie einige Änderungen vor: Fügen Sie Text hinzu, fügen Sie eine Tabelle und eine Tabellenzelle mit Text hinzu oder fügen Sie ein Bild in das HTML Dokument ein:

Bearbeiten Sie Text, Tabellen oder Bilder in HTML mit JavaScript

Eingabedateien

Laden Sie ein Dokument hoch, das Sie ändern möchten

Code ausführen

Laden Sie ein Bild hoch, das Sie einfügen möchten

Ausgabeformat

Wählen Sie das Zielformat aus der Liste

				
				
				
		

					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);
    });
});

				

				Code ausführen
			

Code JavaScript in die Zwischenablage kopieren

So bearbeiten Sie HTML in JavaScript

Installieren Sie "Aspose.Words Cloud für Node"
Fügen Sie Ihrem JavaScript Projekt eine Bibliotheksreferenz hinzu (importieren Sie die Bibliothek).
Laden Sie HTML, um es in JavaScript zu bearbeiten
Inhalt am Anfang von HTML einfügen
Laden Sie das Ergebnisdokument aus dem Cloud-Speicher herunter

JavaScript Bibliothek zur Verwendung der HTML Bearbeitung

Installieren Sie 'Aspose.Words Cloud SDK for Node.js' mit dem NPM -Paketmanager. Führen Sie npm install asposewordscloud --save über die Befehlszeile aus, um das SDK über den NPM Paketmanager zu installieren. Alternativ können Sie den Quellcode des Aspose.Words Cloud SDK for Node.js manuell von GitHub klonen und in Ihrem Projekt verwenden. Bitte befolgen Sie diese Instructions, um schnell die erforderlichen Sicherheitsanmeldeinformationen zu erhalten und auf unsere REST API zuzugreifen.