Edytuj HTML w Node SDK

Użyj interfejsu REST API, aby programowo edytować HTML w JavaScript

Gdy programiści modyfikują HTML dokument za pomocą tej JavaScript biblioteki, w rzeczywistości edytowany jest model obiektów dokumentu (DOM). W ten sposób w HTML dokumencie reprezentowanym jako DOM można wprowadzić prawie wszystkie zmiany. Dzięki dostarczonemu pakietowi Node SDK programiści mogą łatwo edytować dokument: modyfikować tekst, aktualizować tabele, dodawać obrazy i tak dalej. Po prostu załaduj HTML, wprowadź niezbędne zmiany programowo i wyeksportuj wynik do tego samego lub dowolnego obsługiwanego formatu zapisu.

Zobacz fragment kodu

Edytuj HTML w JavaScript za pomocą REST API

Nasza Node biblioteka daje programistom możliwość bezpośredniej modyfikacji HTML dokumentu poprzez edycję jego Object Object Model (DOM), co oznacza, że nie trzeba instalować dodatkowego oprogramowania.

Edytuj tekst w HTML pliku za pomocą JavaScript

Najpopularniejszym przypadkiem edycji HTML pliku jest edycja tekstu. Za pomocą danego rozwiązania programowego możesz dodawać, modyfikować lub usuwać tekst za pomocą JavaScript w dokumencie.

Edytuj tabelę w HTML pliku za pomocą JavaScript

Inną popularną opcją edycji HTML jest edycja tabel. Nasz Node SDK umożliwia pracę z tabelami i tekstem w komórkach tabel.

Programiści JavaScript mogą dodawać lub usuwać tabele i komórki tabeli, a także dodawać, edytować i usuwać w nich tekst.

Dodaj obraz do HTML pliku za pomocą JavaScript

Poza edycją tekstu i tabel w HTML formacie istnieje jeszcze jedna powszechna opcja: dodawanie obrazów do dokumentu w JavaScript. Deweloperzy Linuksa mogą również dodać obraz do HTML pliku za pomocą DOM.

Edytuj HTML programowo

Wypróbuj ten potężny Node SDK i oceń niektóre opcje edycji HTML dokumentów. Korzystając z poniższego przykładu, załaduj HTML dokument i wprowadź pewne zmiany: dodaj tekst, dodaj tabelę i komórkę tabeli z tekstem lub wstaw obraz do HTML dokumentu:

Prześlij dokument, który chcesz zmodyfikować
Uruchom kod
Prześlij obraz, który chcesz wstawić
Wybierz format docelowy z listy
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);
    });
});
Uruchom kod
  
Skopiuj kod JavaScript do schowka

Jak edytować HTML w JavaScript

  1. Zainstaluj "Aspose.Words Cloud dla Node"
  2. Dodaj odniesienie do biblioteki (zaimportuj bibliotekę) do swojego JavaScript projektu
  3. Załaduj HTML, aby edytować w JavaScript
  4. Wstaw zawartość na początku HTML
  5. Pobierz dokument wynikowy z pamięci w chmurze

JavaScript biblioteka do korzystania z HTML edycji

Zainstaluj 'Aspose.Words Cloud SDK for Node.js' za pomocą menedżera pakietów NPM. Uruchom npm install asposewordscloud --save z wiersza poleceń, aby zainstalować zestaw SDK za pomocą menedżera pakietów NPM. Alternatywnie możesz ręcznie sklonować Aspose.Words Cloud SDK for Node.js z GitHub i użyć go w swoim projekcie. Postępuj zgodnie z tymi Instructions, aby szybko uzyskać niezbędne dane uwierzytelniające i uzyskać dostęp do naszego interfejsu REST API.

wymagania systemowe

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

Zapoznaj się z Repository Documentation, aby zobaczyć więcej szczegółów.

Inne obsługiwane formaty plików

Możesz wykonać operację edycji dla innych formatów plików:

5%

Subskrybuj aktualizacje produktów Aspose

Otrzymuj comiesięczne biuletyny i oferty dostarczane bezpośrednio do Twojej skrzynki pocztowej.

© Aspose Pty Ltd 2001-2024. Wszelkie prawa zastrzeżone.