REST APIを使用して Dart で HTML を編集する

Dart/Flutter ライブラリを使用すると、開発者はドキュメントオブジェクトモデル (DOM) を編集して HTML ドキュメントを直接変更できます。つまり、追加のソフトウェアをインストールする必要はありません。

Dart を使用して HTML ファイルのテキストを編集する

HTML ファイルを編集する最も一般的なケースは、テキスト編集です。特定のソフトウェアソリューションを使用すると、ドキュメント内で Dart を使用してテキストを追加、変更、または削除できます。

Dart を使用して HTML ファイルのテーブルを編集する

もう1つの人気のある HTML 編集オプションはテーブル編集です。 Dart/Flutter SDKを使用すると、テーブルとテーブルセル内のテキストを操作できます。

Dart 開発者は、テーブルとテーブルセルを追加または削除したり、それらのセル内のテキストを追加、編集、削除したりできます。

Dart を使用して HTML ファイルに画像を追加する

HTML でテキストとテーブルを編集する以外に、別の一般的なオプションがあります。Dart でドキュメントに画像を追加することです。 Dart/Flutter 開発者は、DOMを使用して HTML ファイルにイメージを追加することもできます。

プログラムで HTML を編集する

この強力な Dart/Flutter SDKを試して、HTML ドキュメント編集のいくつかのオプションを評価してください。次の例を使用して、HTML ドキュメントを読み込み、いくつかの変更を加えます。テキストを追加するか、テキストを含むテーブルとテーブルセルを追加するか、HTML ドキュメントに画像を挿入します。

Dartを使用してHTMLのテキスト、表、または画像を編集する

入力ファイル

変更するドキュメントをアップロードする

コードを実行する

挿入したい画像をアップロードする

出力フォーマット

リストからターゲットフォーマットを選択します

				
				
				
		

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

				

				コードを実行する
			