Edit HTML in JavaScript using REST API

Our Node library gives developers the ability to modify a HTML document directly by editing its Document Object Model (DOM), which means no additional software needs to be installed.

Edit text in HTML file using JavaScript

The most popular case to edit a HTML file is text editing. With the given software solution, you can add, modify or delete text using JavaScript within the document.

Edit table in HTML file using JavaScript

Another popular HTML editing option is table editing. Our Node SDK allows you to work with tables and text in table cells.

JavaScript developers can add or remove table and table cells, as well as add, edit and remove text within them.

Add an image to HTML file using JavaScript

Besides editing text and tables in HTML, there is another common option: adding images to a document in JavaScript. Node developers can also add an image into a HTML file using DOM.

Edit HTML programmatically

Try this powerful Node SDK and evaluate some options in HTML document editing. Using the following example, load your HTML document and make some changes: add text, add a table and a table cell with text or insert an image into the HTML document:

Edit text, tables or images in HTML using JavaScript

Input files

Upload a document you want to modify

Run code

Upload an image you want insert

Output format

Select the target format from the list

				
				
				
		

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

				

				Run code
			

Copy JavaScript code to the clipboard

How to edit HTML JavaScript REST API

Install Aspose.Words Cloud for Node
Add a library reference (import the library) to your JavaScript project
Load HTML to edit in JavaScript
Insert content at the beginning of HTML
Download the result document from the cloud storage

JavaScript library to use HTML editing

Install 'Aspose.Words Cloud SDK for Node.js' using NPM package manager. Run npm install asposewordscloud --save from the command line to install the SDK via the NPM package manager. As an alternative, you can manually clone Aspose.Words Cloud SDK for Node.js source code from GitHub and use it in your project. Please follow these Instructions to quickly get the necessary security credentials and access our REST API.