Edite HTML em Dart/Flutter SDK

Use a REST API para editar HTML em Dart programaticamente

Quando os desenvolvedores modificam um HTML documento com esta Dart biblioteca, o que está realmente sendo editado é o Document Object Model (DOM). Assim, quase todas as alterações podem ser feitas no HTML documento representado como DOM. Com o Dart/Flutter SDK fornecido, os desenvolvedores podem editar facilmente um documento: modificar texto, atualizar tabelas, adicionar imagens e assim por diante. Basta carregar um HTML, fazer as alterações necessárias programaticamente e exportar o resultado para o mesmo ou qualquer formato de salvamento compatível.

Ver trecho de código

Editar HTML no Dart usando a REST API

Nossa Dart/Flutter biblioteca oferece aos desenvolvedores a capacidade de modificar um HTML documento diretamente editando seu Document Object Model (DOM), o que significa que nenhum software adicional precisa ser instalado.

Editar texto em HTML arquivo usando Dart

O caso mais popular para editar um HTML arquivo é a edição de texto. Com a solução de software fornecida, você pode adicionar, modificar ou excluir texto usando Dart no documento.

Editar tabela em HTML arquivo usando Dart

Outra opção popular de edição de HTML é a edição de tabelas. Nosso Dart/Flutter SDK permite que você trabalhe com tabelas e texto em células de tabela.

Os desenvolvedores Dart podem adicionar ou remover tabelas e células de tabelas, bem como adicionar, editar e remover texto dentro delas.

Adicionar uma imagem ao HTML arquivo usando Dart

Além de editar texto e tabelas em HTML, existe outra opção comum: adicionar imagens a um documento em Dart. Os desenvolvedores do Dart/Flutter também podem adicionar uma imagem em um HTML arquivo usando DOM.

Editar HTML programaticamente

Experimente este poderoso SDK do Dart/Flutter e avalie algumas opções na edição de HTML documentos. Usando o exemplo a seguir, carregue seu HTML documento e faça algumas alterações: adicione texto, adicione uma tabela e uma célula de tabela com texto ou insira uma imagem no HTML documento:

Carregue um documento que você deseja modificar
Código de execução
Carregue uma imagem que você deseja inserir
Selecione o formato de destino na 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);
Código de execução
  
Copie o código Dart para a área de transferência

Como editar HTML em Dart

  1. Instale o 'Aspose.Words Cloud para Dart/Flutter'
  2. Adicione uma referência de biblioteca (importe a biblioteca) ao seu projeto Dart
  3. Carregue HTML para editar em Dart
  4. Insira o conteúdo no início de HTML
  5. Baixe o documento de resultado do armazenamento em nuvem

Dart biblioteca para usar a edição HTML

Clone o código-fonte do Aspose.Words Cloud SDK for Dart do GitHub e use-o em seu projeto. Adicione esta dependência ao seu pubspec.yaml: dependencies: aspose_words_cloud: 22.4.0

Siga estas Instructions para obter rapidamente as credenciais de segurança necessárias e acessar nossa REST API.

Requisitos de sistema

Consulte a Repository Documentation para ver os detalhes.

Outros formatos de arquivo suportados

Você pode executar a operação de edição para outros formatos de arquivo:

5%

Inscreva-se para receber atualizações do produto Aspose

Receba boletins e ofertas mensais diretamente em sua caixa de correio.

© Aspose Pty Ltd 2001-2024. Todos os direitos reservados.