Редагувати 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 і використовувати його у своєму проекті. Будь ласка, дотримуйтесь цих Instructions, щоб швидко отримати необхідні облікові дані та отримати доступ до нашого REST API.