Edit HTML in Dart using REST API

Our Dart/Flutter library gives developers the ability to modify a HTML document directly by editing its Document Object Model (DOM), which means no additional software needs to be installed.

Edit text in HTML file using Dart

The most popular case to edit a HTML file is text editing. With the given software solution, you can add, modify or delete text using Dart within the document.

Edit table in HTML file using Dart

Another popular HTML editing option is table editing. Our Dart/Flutter SDK allows you to work with tables and text in table cells.

Dart developers can add or remove table and table cells, as well as add, edit and remove text within them.

Add an image to HTML file using Dart

Besides editing text and tables in HTML, there is another common option: adding images to a document in Dart. Dart/Flutter developers can also add an image into a HTML file using DOM.

Edit HTML programmatically

Try this powerful Dart/Flutter SDK and evaluate some options in HTML document editing. Using the following example, load your HTML document and make some changes: add text, add a table and a table cell with text or insert an image into the HTML document:

Edit text, tables or images in HTML using Dart

Input files

Upload a document you want to modify

Run code

Upload an image you want insert

Output format

Select the target format from the list

				
				
				
		

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

				

				Run code
			

Copy Dart code to the clipboard

How to edit HTML Dart REST API

Install Aspose.Words Cloud for Dart/Flutter
Add a library reference (import the library) to your Dart project
Load HTML to edit in Dart
Insert content at the beginning of HTML
Download the result document from the cloud storage

Dart library to use HTML editing

Clone Aspose.Words Cloud SDK for Dart source code from GitHub and use it in your project. Add this dependency to your pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Please follow these Instructions to quickly get the necessary security credentials and access our REST API.