Bewerk HTML in Dart/Flutter SDK

Gebruik REST API om HTML in Dart programmatisch te bewerken

Wanneer ontwikkelaars een HTML document wijzigen met deze Dart bibliotheek, wordt het Document Object Model (DOM) eigenlijk bewerkt. Zo kunnen bijna alle wijzigingen worden aangebracht in het HTML document dat wordt weergegeven als DOM. Met de meegeleverde Dart/Flutter SDK kunnen ontwikkelaars eenvoudig een document bewerken: tekst wijzigen, tabellen bijwerken, afbeeldingen toevoegen, enzovoort. Laad gewoon een HTML, breng de nodige wijzigingen programmatisch aan en exporteer het resultaat naar dezelfde of een ondersteunde opslagindeling.

Codefragment bekijken

Bewerk HTML in Dart met behulp van REST API

Onze Dart/Flutter bibliotheek geeft ontwikkelaars de mogelijkheid om een HTML document rechtstreeks aan te passen door het Document Object Model (DOM) ervan te bewerken, wat betekent dat er geen extra software hoeft te worden geïnstalleerd.

Bewerk tekst in HTML bestand met Dart

Het meest populaire geval om een HTML bestand te bewerken, is tekstbewerking. Met de gegeven softwareoplossing kunt u tekst toevoegen, wijzigen of verwijderen met behulp van Dart in het document.

Tabel bewerken in HTML bestand met Dart

Een andere populaire HTML bewerkingsoptie is het bewerken van tabellen. Met onze Dart/Flutter SDK kun je werken met tabellen en tekst in tabelcellen.

Dart ontwikkelaars kunnen tabel- en tabelcellen toevoegen of verwijderen, en tekst erin toevoegen, bewerken en verwijderen.

Voeg een afbeelding toe aan het HTML bestand met Dart

Naast het bewerken van tekst en tabellen in HTML, is er nog een andere veel voorkomende optie: afbeeldingen toevoegen aan een document in Dart. Dart/Flutter ontwikkelaars kunnen ook een afbeelding toevoegen aan een HTML bestand met behulp van DOM.

HTML programmatisch bewerken

Probeer deze krachtige Dart/Flutter SDK en evalueer enkele opties bij het bewerken van HTML documenten. Gebruik het volgende voorbeeld, laad uw HTML document en breng enkele wijzigingen aan: voeg tekst toe, voeg een tabel en een tabelcel met tekst toe of voeg een afbeelding in het HTML document in:

Upload een document dat u wilt wijzigen
Voer code uit
Upload een afbeelding die u wilt invoegen
Selecteer het doelformaat uit de lijst
import 'package:aspose_words_cloud/aspose_words_cloud.dart';

final config = Configuration("####-####-####-####-####", "##################");
final wordsApi = WordsApi(config);

final requestDocument = (await File(
   'Input.html').readAsBytes()).buffer.asByteData();
final requestParagraph = ParagraphInsert();
requestParagraph.text = 'Morbi enim nunc faucibus a.';

final insertParagraphRequest = InsertParagraphOnlineRequest(requestDocument, requestParagraph);
final insertParagraph = await wordsApi.insertParagraphOnline(insertParagraphRequest);

final convertRequest = ConvertDocumentRequest(insertParagraph.document.values.first, 'html');
final convert = await wordsApi.convertDocument(convertRequest);
import 'package:aspose_words_cloud/aspose_words_cloud.dart';

final config = Configuration("####-####-####-####-####", "##################");
final wordsApi = WordsApi(config);

final requestDocument = (await File(
   'Input.html').readAsBytes()).buffer.asByteData();
final requestTable = TableInsert();
requestTable.columnsCount = 1;
requestTable.rowsCount = 2;

final insertTableRequest = InsertTableOnlineRequest(requestDocument, 
   requestTable, nodePath: '');
final insertTable = await wordsApi.insertTableOnline(insertTableRequest);

final convertRequest = ConvertDocumentRequest(insertTable.document.values.first, 'html');
final convert = await wordsApi.convertDocument(convertRequest);
import 'package:aspose_words_cloud/aspose_words_cloud.dart';

final config = Configuration("####-####-####-####-####", "##################");
final wordsApi = WordsApi(config);

final requestDocument = (await File(
   'Input1.html').readAsBytes()).buffer.asByteData();
final requestDrawingObject = DrawingObjectInsert();
requestDrawingObject.height = 0;
requestDrawingObject.left = 0;
requestDrawingObject.top = 0;
requestDrawingObject.width = 0;
requestDrawingObject.relativeHorizontalPosition = 
   DrawingObjectInsert_RelativeHorizontalPositionEnum.margin;
requestDrawingObject.relativeVerticalPosition = 
   DrawingObjectInsert_RelativeVerticalPositionEnum.margin;
requestDrawingObject.wrapType = DrawingObjectInsert_WrapTypeEnum.inline;

final requestImageFile = (await File(
   'Input2.html').readAsBytes()).buffer.asByteData();
final insertDrawingObjectRequest = InsertDrawingObjectOnlineRequest(requestDocument, 
   requestDrawingObject, requestImageFile, nodePath: 'sections/0');
final insertDrawingObject = 
   await wordsApi.insertDrawingObjectOnline(insertDrawingObjectOnline);

final convertRequest = ConvertDocumentRequest(insertDrawingObject.document.values.first, 
   'html');
final convert = await wordsApi.convertDocument(convertRequest);
Voer code uit
  
Kopieer code Dart naar het klembord

Hoe u HTML in Dart kunt bewerken

  1. Installeer 'Aspose.Words Cloud voor Dart/Flutter'
  2. Voeg een bibliotheekreferentie toe (importeer de bibliotheek) aan uw Dart project
  3. Laad HTML om te bewerken in Dart
  4. Inhoud invoegen aan het begin van HTML
  5. Download het resultaatdocument uit de cloudopslag

Dart bibliotheek om HTML bewerking te gebruiken

Kloon Aspose.Words Cloud SDK for Dart -broncode van GitHub en gebruik deze in uw project. Voeg deze afhankelijkheid toe aan uw pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Volg deze Instructions om snel de benodigde beveiligingsreferenties te krijgen en toegang te krijgen tot onze REST API.

systeem vereisten

Raadpleeg de Repository Documentation om de details te zien.

Andere ondersteunde bestandsindelingen

U kunt bewerkingen uitvoeren voor andere bestandsindelingen:

5%

Abonneer u op productupdates van Aspose

Ontvang maandelijkse nieuwsbrieven en aanbiedingen direct in je mailbox.

© Aspose Pty Ltd 2001-2024. Alle rechten voorbehouden.