Modifier HTML dans Dart/Flutter SDK

Utilisez REST API pour modifier HTML dans Dart par programmation

Lorsque les développeurs modifient un HTML document avec cette Dart bibliothèque, ce qui est réellement modifié est le Document Object Model (DOM). Ainsi, presque toutes les modifications peuvent être apportées au HTML document représenté en tant que DOM. Avec le Dart/Flutter SDK fourni, les développeurs peuvent facilement modifier un document : modifier du texte, mettre à jour des tableaux, ajouter des images, etc. Il suffit de charger un HTML, d'apporter les modifications nécessaires par programmation et d'exporter le résultat dans le même format de sauvegarde ou dans n'importe quel format de sauvegarde pris en charge.

Afficher l'extrait de code

Modifier HTML dans Dart à l'aide de REST API

Notre Dart/Flutter bibliothèque donne aux développeurs la possibilité de modifier un HTML document directement en éditant son Document Object Model (DOM), ce qui signifie qu'aucun logiciel supplémentaire ne doit être installé.

Modifier le texte dans un HTML fichier à l'aide de Dart

Le cas le plus courant pour éditer un HTML fichier est l'édition de texte. Avec la solution logicielle donnée, vous pouvez ajouter, modifier ou supprimer du texte à l'aide de Dart dans le document.

Modifier la table dans le HTML fichier à l'aide de Dart

Une autre option d'édition HTML populaire est l'édition de tableau. Notre Dart/Flutter SDK vous permet de travailler avec des tableaux et du texte dans des cellules de tableau.

Les Dart développeurs peuvent ajouter ou supprimer des tableaux et des cellules de tableau, ainsi qu'ajouter, modifier et supprimer du texte qu'ils contiennent.

Ajouter une image au HTML fichier à l'aide de Dart

Outre l'édition de texte et de tableaux en HTML, il existe une autre option courante : ajouter des images à un document dans Dart. Les développeurs Dart/Flutter peuvent également ajouter une image dans un HTML fichier à l'aide de DOM.

Modifier HTML par programmation

Essayez ce puissant Dart/Flutter SDK et évaluez certaines options d'édition de HTML documents. À l'aide de l'exemple suivant, chargez votre HTML document et apportez quelques modifications : ajoutez du texte, ajoutez un tableau et une cellule de tableau avec du texte ou insérez une image dans le HTML document:

Téléchargez un document que vous souhaitez modifier
Exécuter le code
Téléchargez une image que vous souhaitez insérer
Sélectionnez le format cible dans la liste
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);
Exécuter le code
  
Copier le code Dart dans le presse-papiers

Comment modifier HTML Dart REST API

  1. Installez 'Aspose.Words Cloud pour Dart/Flutter'
  2. Ajouter une référence de bibliothèque (importer la bibliothèque) à votre projet Dart
  3. Charger HTML à modifier dans Dart
  4. Insérer le contenu au début de HTML
  5. Téléchargez le document de résultat à partir du stockage en nuage

Dart bibliothèque pour utiliser HTML l'édition

Clonez le code source du Aspose.Words Cloud SDK for Dart partir de GitHub et utilisez-le dans votre projet. Ajoutez cette dépendance à votre pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Veuillez suivre ces Instructions pour obtenir rapidement les informations d'identification de sécurité nécessaires et accéder à notre REST API.

Configuration requise

Reportez-vous à la Repository Documentation pour voir les détails.

Autres formats de fichiers pris en charge

Vous pouvez effectuer une opération d'édition pour d'autres formats de fichiers :

5%

Abonnez-vous aux mises à jour des produits Aspose

Recevez des newsletters mensuelles et des offres directement dans votre boîte mail.

© Aspose Pty Ltd 2001-2024. Tous les droits sont réservés.