Редактирайте HTML в Node SDK

Използвайте REST API, за да редактирате HTML в JavaScript програмно

Когато разработчиците променят HTML документ с тази JavaScript библиотека, това, което всъщност се редактира, е документният обектен модел (DOM). По този начин почти всякакви промени могат да бъдат направени в HTML документа, представен като DOM. С предоставения Node SDK разработчиците могат лесно да редактират документ: да променят текст, да актуализират таблици, да добавят изображения и т.н. Просто заредете HTML, направете необходимите промени програмно и експортирайте резултата в същия или всеки поддържан формат за запис.

Вижте кодовия фрагмент

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

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

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

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

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

Друга популярна опция за редактиране на HTML е редактирането на таблица. Нашият Node SDK ви позволява да работите с таблици и текст в клетките на таблицата.

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

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

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

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

Изпробвайте този мощен Node SDK и оценете някои опции в редактирането на HTML документи. Като използвате следния пример, заредете своя HTML документ и направете някои промени: добавете текст, добавете таблица и клетка на таблица с текст или вмъкнете изображение в HTML документа:

Качете документ, който искате да промените
Изпълнение на код
Качете изображение, което искате да вмъкнете
Изберете целевия формат от списъка
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

  1. Инсталирайте 'Aspose.Words Cloud за Node'
  2. Добавете препратка към библиотеката (импортирайте библиотеката) към вашия JavaScript проект
  3. Заредете HTML за редактиране в JavaScript
  4. Вмъкване на съдържание в началото на HTML
  5. Изтеглете документа с резултата от облачното хранилище

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.

Системни изисквания

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

Вижте Repository Documentation, за да видите повече подробности.

Други поддържани файлови формати

Можете да извършите операция за редактиране за други файлови формати:

5%

Абонирайте се за актуализации на продуктите на Aspose

Получавайте месечни бюлетини и оферти директно до вашата пощенска кутия.

© Aspose Pty Ltd 2001-2024. Всички права запазени.