Upravte HTML v JavaScript pomocí REST API

Naše Node knihovna dává vývojářům možnost upravovat HTML dokument přímo úpravou jeho Document Object Model (DOM), což znamená, že není třeba instalovat žádný další software.

Upravte text v HTML souboru pomocí JavaScript

Nejoblíbenějším případem úpravy HTML souboru je úprava textu. S daným softwarovým řešením můžete v dokumentu přidávat, upravovat nebo mazat text pomocí JavaScript.

Upravte tabulku v HTML souboru pomocí JavaScript

Další oblíbenou možností úpravy HTML je úprava tabulky. Naše Node SDK umožňuje pracovat s tabulkami a textem v buňkách tabulky.

Vývojáři JavaScript mohou přidávat nebo odebírat tabulky a buňky tabulek, stejně jako přidávat, upravovat a odstraňovat text v nich.

Přidejte obrázek do HTML souboru pomocí JavaScript

Kromě úpravy textu a tabulek v HTML existuje další běžná možnost: přidávání obrázků do dokumentu ve JavaScript. Vývojáři Node mohou také přidat obrázek do HTML souboru pomocí DOM.

Upravte HTML programově

Vyzkoušejte tuto výkonnou sadu Node SDK a zhodnoťte některé možnosti úpravy HTML dokumentů. Pomocí následujícího příkladu načtěte HTML dokument a proveďte některé změny: přidejte text, přidejte tabulku a buňku tabulky s textem nebo vložte obrázek do HTML dokumentu:

Upravit text, tabulky nebo obrázky v HTML pomocí JavaScript

Vstupní soubory

Nahrajte dokument, který chcete upravit

Spustit kód

Nahrajte obrázek, který chcete vložit

Výstupní formát

Vyberte cílový formát ze seznamu

				
				
				
		

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

				

				Spustit kód
			

Zkopírujte kód JavaScript do schránky

Jak upravit HTML v JavaScript

Nainstalovat 'Apose.Words Cloud pro Node'
Přidejte odkaz na knihovnu (importujte knihovnu) do svého JavaScript projektu
Načíst HTML pro úpravy v JavaScript
Vložit obsah na začátek HTML
Stáhněte si výsledný dokument z cloudového úložiště

Knihovna JavaScript pro použití úprav HTML

Nainstalujte 'Aspose.Words Cloud SDK for Node.js' pomocí správce balíčků NPM. Spusťte npm install asposewordscloud --save z příkazového řádku a nainstalujte SDK přes správce balíčků NPM. Alternativně můžete ručně naklonovat Aspose.Words Cloud SDK for Node.js z GitHubu a použít jej ve svém projektu. Postupujte podle těchto Instructions, abyste rychle získali potřebné bezpečnostní údaje a získali přístup k našemu REST API.