Редактировать HTML на JavaScript с помощью REST API

Наша библиотека для Node дает разработчикам возможность изменять HTML документ напрямую, редактируя его объектную модель документа (DOM), что означает отсутствие необходимости в установке дополнительного программного обеспечения.

Редактировать текст в HTML файле с помощью JavaScript

Наиболее популярным случаем редактирования HTML файла является редактирование текста. С помощью данного программного решения вы можете добавлять, изменять или удалять текст с помощью JavaScript в документе.

Редактировать таблицу в HTML файле с помощью JavaScript

Еще одним популярным вариантом редактирования HTML является редактирование таблиц. Наш Node SDK позволяет работать с таблицами и текстом в ячейках таблицы.

Разработчики JavaScript могут добавлять или удалять таблицы и ячейки таблиц, а также добавлять, редактировать и удалять текст внутри них.

Добавьте изображение в HTML файл с помощью JavaScript

Помимо редактирования текста и таблиц в HTML, есть еще один распространенный вариант: добавление изображений в документ на JavaScript. Разработчики Node также могут добавить изображение в HTML файл с помощью DOM.

Редактировать HTML программно

Попробуйте этот мощный Node SDK и оцените некоторые возможности редактирования HTML документов. Используя следующий пример, загрузите HTML документ и внесите некоторые изменения: добавьте текст, добавьте таблицу и ячейку таблицы с текстом или вставьте изображение в HTML документ:

Редактируйте текст, таблицы или изображения в HTML с помощью JavaScript

Входные файлы

Загрузите документ, который хотите изменить

Выполнить код

Загрузите изображение, которое хотите вставить

Формат вывода

Выберите целевой формат из списка

				
				
				
		

					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 REST API

Установите 'Aspose.Words Cloud для Node'
Добавьте ссылку на библиотеку (импортируйте библиотеку) в свой JavaScript проект
Загрузите HTML для редактирования на JavaScript
Вставить содержимое в начало HTML
Скачать итоговый документ из облачного хранилища

JavaScript библиотека для редактирования HTML

Установите 'Aspose.Words Cloud SDK for Node.js' с помощью диспетчера пакетов NPM. Выполните команду npm install asposewordscloud --save из командной строки, чтобы установить SDK через менеджер пакетов NPM. Как вариант, вы можете вручную клонировать исходный код Aspose.Words Cloud SDK for Node.js из GitHub и использовать его в своем проекте. Следуйте этим Инструкциям, чтобы быстро получить учетные данные и доступ к нашему REST API.