Editar HTML en Dart/Flutter SDK

Use la REST API para editar HTML en Dart mediante programación

Cuando los desarrolladores modifican un HTML documento con esta Dart biblioteca, lo que en realidad se está editando es el modelo de objeto del documento (DOM). Por lo tanto, se pueden realizar casi todos los cambios en el HTML documento representado como DOM. Con el Dart/Flutter SDK proporcionado, los desarrolladores pueden editar fácilmente un documento: modificar texto, actualizar tablas, agregar imagenes, etc. Simplemente cargue un HTML, realice los cambios necesarios mediante programación y exporte el resultado al mismo o cualquier formato de guardado compatible.

Ver fragmento de código

Edite HTML en Dart usando la REST API

Nuestra biblioteca de Dart/Flutter brinda a los desarrolladores la capacidad de modificar un HTML documento directamente mediante la edición de su Modelo de objeto de documento (DOM), lo que significa que no es necesario instalar ningún software adicional.

Edite texto en un HTML archivo usando Dart

El caso más popular para editar un HTML archivo es la edición de texto. Con la solución de software dada, puede agregar, modificar o eliminar texto usando Dart dentro del documento.

Editar tabla en HTML archivo usando Dart

Otra opción popular de edición de HTML es la edición de tablas. Nuestro SDK de Dart/Flutter le permite trabajar con tablas y texto en celdas de tablas.

Los desarrolladores de Dart pueden agregar o eliminar tablas y celdas de tablas, así como agregar, editar y eliminar texto dentro de ellas.

Agregue una imagen a un HTML archivo usando Dart

Además de editar texto y tablas en HTML, existe otra opción común: agregar imagenes a un documento en Dart. Los desarrolladores de Dart/Flutter también pueden agregar una imagen en un HTML archivo usando DOM.

Editar HTML programáticamente

Pruebe este poderoso SDK de Dart/Flutter y evalúe algunas opciones en la edición de HTML documentos. Usando el siguiente ejemplo, cargue su HTML documento y realice algunos cambios: agregue texto, agregue una tabla y una celda de tabla con texto o inserte una imagen en el HTML documento:

Sube un documento que quieras modificar
Ejecutar código
Sube una imagen que quieras insertar
Seleccione el formato de destino de la lista
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);
Ejecutar código
  
Copie el código Dart al portapapeles

Como editar HTML Dart REST API

  1. Instale 'Aspose.Words Cloud para Dart/Flutter'
  2. Agregue una referencia de biblioteca (importe la biblioteca) a su proyecto Dart
  3. Cargue HTML para editar en Dart
  4. Insertar contenido al principio de HTML
  5. Descargue el documento de resultados del almacenamiento en la nube

Dart biblioteca para usar HTML edición

Clone Aspose.Words Cloud SDK for Dart de GitHub y utilícelo en su proyecto. Agregue esta dependencia a su pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Siga estas Instructions para obtener rápidamente las credenciales de seguridad necesarias y acceder a nuestra REST API.

Requisitos del sistema

Consulte la Repository Documentation para ver los detalles.

Otros formatos de archivo compatibles

Puede realizar la operación de edición para otros formatos de archivo:

5%

Suscríbase a las actualizaciones de productos de Aspose

Reciba boletines y ofertas mensuales directamente en su buzón.

© Aspose Pty Ltd 2001-2024. Reservados todos los derechos.