Dart/Flutter SDKでHTMLを編集

REST APIを使用して、DartのHTMLをプログラムで編集します

開発者がこのDartライブラリを使用してHTMLドキュメントを変更する場合、実際に編集されるのはドキュメントオブジェクトモデル(DOM)です。したがって、DOMとして表されるHTMLドキュメントにほとんどすべての変更を加えることができます。提供されているDart/Flutter SDKを使用すると、開発者はドキュメントを簡単に編集できます。テキストの変更、テーブルの更新、画像の追加などが可能です。 HTMLをロードし、プログラムで必要な変更を加えて、結果を同じまたはサポートされている保存形式にエクスポートするだけです。

コードスニペットを表示

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 ドキュメントに画像を挿入します。

変更するドキュメントをアップロードする
コードを実行する
挿入したい画像をアップロードする
リストからターゲットフォーマットを選択します
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);
コードを実行する
  
Dartをクリップボードにコピーします

DartでHTMLを編集する方法

  1. Aspose.Words Cloud for Dart/Flutterをインストールします
  2. Dartプロジェクトにライブラリ参照を追加(ライブラリをインポート)
  3. HTMLを読み込んでDartで編集します
  4. HTMLの先頭にコンテンツを挿入します
  5. クラウドストレージから結果ドキュメントをダウンロードします

Dart HTML編集を使用するライブラリ

Aspose.Words Cloud SDK for Dart ソースコードをGitHubから複製し、プロジェクトで使用します。この依存関係を pubspec.yaml: に追加します。 dependencies: aspose_words_cloud: 22.4.0

これらの Instructions に従って、必要なセキュリティクレデンシャルをすばやく取得し、RESTAPIにアクセスしてください。

システム要求

詳細については、 Repository Documentation を参照してください。

その他のサポートされているファイル形式

他のファイル形式の編集操作を実行できます。

5%

Aspose製品アップデートを購読する

メールボックスに直接配信される月刊ニュースレターとオファーを入手してください。

© Aspose Pty Ltd 2001-2024. 全著作権所有。