Upravte HTML v JavaScript pomocou REST API

Naša knižnica pre Node dáva vývojárom možnosť upraviť HTML dokument priamo úpravou jeho modelu objektu dokumentu (DOM), čo znamená, že nie je potrebné inštalovať žiadny ďalší softvér.

Upravte text v HTML súbore pomocou JavaScript

Najpopulárnejším prípadom úpravy HTML súboru je úprava textu. S daným softvérovým riešením môžete pridávať, upravovať alebo mazať text pomocou JavaScript v rámci dokumentu.

Upravte tabuľku v HTML súbore pomocou programu JavaScript

Ďalšou populárnou možnosťou úpravy HTML je úprava tabuľky. Naša Node SDK vám umožňuje pracovať s tabuľkami a textom v bunkách tabuľky.

Vývojári JavaScript môžu pridávať alebo odstraňovať bunky tabuľky a tabuľky, ako aj pridávať, upravovať a odstraňovať text v nich.

Pridajte obrázok do HTML súboru pomocou JavaScript

Okrem úpravy textu a tabuliek v HTML existuje ďalšia bežná možnosť: pridávanie obrázkov do dokumentu v JavaScript. Vývojári Node môžu tiež pridať obrázok do HTML súboru pomocou DOM.

Upravte HTML programovo

Vyskúšajte túto výkonnú súpravu Node SDK a zhodnoťte niektoré možnosti úpravy HTML dokumentov. Pomocou nasledujúceho príkladu načítajte HTML dokument a vykonajte zmeny: pridajte text, pridajte tabuľku a bunku tabuľky s textom alebo vložte obrázok do HTML dokumentu:

Upravte text, tabuľky alebo obrázky v HTML pomocou JavaScript

Vstupné súbory

Nahrajte dokument, ktorý chcete upraviť

Spustiť kód

Nahrajte obrázok, ktorý chcete vložiť

Výstupný formát

Vyberte cieľový formát zo zoznamu

				
				
				
		

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

				

				Spustiť kód
			

Skopírujte kód JavaScript do schránky

Ako upraviť HTML v JavaScript

Nainštalovať 'Apose.Words Cloud pre Node'
Pridajte odkaz na knižnicu (importujte knižnicu) do svojho JavaScript projektu
Načítať HTML na úpravu v JavaScript
Vložiť obsah na začiatok HTML
Stiahnite si výsledný dokument z cloudového úložiska

Knižnica JavaScript na použitie úprav HTML

Nainštalujte 'Aspose.Words Cloud SDK for Node.js' pomocou správcu balíkov NPM. Spustite príkaz npm install asposewordscloud --save z príkazového riadka a nainštalujte SDK cez správcu balíkov NPM. Ako alternatívu môžete manuálne naklonovať Aspose.Words Cloud SDK for Node.js zdrojový kód Node.js z GitHub a použiť ho vo svojom projekte. Postupujte podľa týchto Instructions, aby ste rýchlo získali potrebné bezpečnostné poverenia a získali prístup k nášmu REST API.