Modifica HTML in Dart/Flutter SDK

Utilizza REST API per modificare HTML in Dart a livello di codice

Quando gli sviluppatori modificano un HTML documento con questa libreria Dart, ciò che viene effettivamente modificato è il Document Object Model (DOM). Pertanto, è possibile apportare quasi tutte le modifiche al HTML documento rappresentato come DOM. Con Dart/Flutter SDK fornito, gli sviluppatori possono modificare facilmente un documento: modificare il testo, aggiornare le tabelle, aggiungere immagini e così via. Basta caricare un HTML, apportare le modifiche necessarie a livello di codice ed esportare il risultato nello stesso formato di salvataggio o in qualsiasi formato supportato.

Visualizza lo snippet di codice

Modifica HTML in Dart usando REST API

La nostra libreria Dart/Flutter offre agli sviluppatori la possibilità di modificare un HTML documento direttamente modificandone il Document Object Model (DOM), il che significa che non è necessario installare alcun software aggiuntivo.

Modifica il testo nel HTML file usando Dart

Il caso più comune per modificare un HTML file è la modifica del testo. Con la soluzione software fornita, puoi aggiungere, modificare o eliminare testo utilizzando Dart all'interno del documento.

Modifica la tabella nel HTML file usando Dart

Un'altra popolare opzione di modifica HTML è la modifica della tabella. Il nostro Dart/Flutter SDK ti consente di lavorare con tabelle e testo nelle celle di una tabella.

Gli sviluppatori di Dart possono aggiungere o rimuovere tabelle e celle di tabelle, nonché aggiungere, modificare e rimuovere il testo al loro interno.

Aggiungi un'immagine al HTML file usando Dart

Oltre a modificare testo e tabelle in HTML, c'è un'altra opzione comune: aggiungere immagini a un documento in Dart. Gli sviluppatori Dart/Flutter possono anche aggiungere un'immagine in un HTML file utilizzando DOM.

Modifica HTML a livello di codice

Prova questo potente Dart/Flutter SDK e valuta alcune opzioni nella modifica dei HTML documenti. Utilizzando l'esempio seguente, carica il tuo HTML documento e apporta alcune modifiche: aggiungi testo, aggiungi una tabella e una cella di tabella con testo o inserisci un'immagine nel HTML documento:

Carica un documento che desideri modificare
Esegui codice
Carica un'immagine che vuoi inserire
Seleziona il formato di destinazione dall'elenco
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);
Esegui codice
  
Copia il codice Dart negli appunti

Come modificare HTML Dart REST API

  1. Installa "Aspose.Words Cloud per Dart/Flutter"
  2. Aggiungi un riferimento alla libreria (importa la libreria) al tuo progetto Dart
  3. Carica HTML per modificare in Dart
  4. Inserisci contenuto all'inizio di HTML
  5. Scarica il documento dei risultati dal cloud storage

Dart libreria per utilizzare la modifica HTML

Clona Aspose.Words Cloud SDK for Dart da GitHub e usalo nel tuo progetto. Aggiungi questa dipendenza al tuo pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Segui queste Instructions per ottenere rapidamente le credenziali di sicurezza necessarie e accedere alla nostra REST API.

Requisiti di sistema

Fare riferimento alla Repository Documentation per vedere i dettagli.

Altri formati di file supportati

È possibile eseguire operazioni di modifica per altri formati di file:

5%

Iscriviti agli aggiornamenti del prodotto Aspose

Ricevi newsletter mensili e offerte direttamente nella tua casella di posta.

© Aspose Pty Ltd 2001-2024. Tutti i diritti riservati.