在 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 文件中編輯表

另一個流行的 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. 為 Dart/Flutter 安裝"Aspose.Words Cloud"
  2. 將庫引用(導入庫)添加到您的 Dart 項目
  3. 加載 HTML 以在 Dart 中編輯
  4. 在 HTML 的開頭插入內容
  5. 從雲存儲下載結果文檔

Dart 庫以使用 HTML 編輯

從 GitHub 克隆 Aspose.Words Cloud SDK for Dart 源代碼並在您的項目中使用它。將此依賴項添加到您的 pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

請按照這些 Instructions 快速獲取必要的安全憑證並訪問我們的 REST API。

系統要求

請參閱 Repository Documentation 以查看詳細信息。

其他支持的文件格式

您可以對其他文件格式執行編輯操作:

5%

訂閱 Aspose 產品更新

獲取直接發送到您的郵箱的每月通訊和優惠。

© Aspose Pty Ltd 2001-2024. 版權所有。