API JavaScript para lidar com documentos do Word com React

Biblioteca JavaScript de código aberto para criar, modificar e converter arquivos do Word, adicionar parágrafos e uma lista de pontos a documentos existentes e assim por diante.

O redocx é uma biblioteca de código aberto muito útil que permite aos desenvolvedores de software criar e gerenciar documentos do Word com react usando comandos JavaScript. A biblioteca fornece um conjunto muito poderoso de componentes que podem ser usados para renderizar um elemento React para um objeto de documento do Word com facilidade. Você precisa fornecer o nome do arquivo e o caminho para o documento. Os desenvolvedores também podem renderizar os documentos diretamente para um fluxo mapeado em memória.

A biblioteca redocx é muito fácil de manusear e inclui recursos muito poderosos relacionados à criação e renderização de documentos do Word, como gerar novos documentos do zero, adicionar um parágrafo a documentos existentes, adicionar uma lista de pontos, adicionar uma lista de números a documento do word, inserir cabeçalho/rodapé no arquivo do word, desenhar uma linha horizontal ou vertical, inserir uma tabela, adicionar uma imagem ao local de sua escolha e muito mais.

Previous Next

Introdução ao redocx

A maneira recomendada de instalar a biblioteca redocx é via npm. Por favor, use o seguinte comando para uma instalação suave

Instalar redocx via npm

 npm install --save react redocx 

Geração de documentos do Word via API JavaScript

O Microsoft Word é um programa de processamento de texto líder, usado principalmente para criar documentos usados em todo o mundo, como cartas, folhetos, questionários ou testes e assim por diante. A biblioteca redocx permite que os desenvolvedores de software gerem novos documentos do Word usando Java. Também é muito fácil modificar o documento existente usando alguns comandos simples. Você pode adicionar facilmente novos parágrafos, imagens, tabelas, listas e muito mais.

Texto de gênero para Word Document via JavaScript API

import React from 'react'
import { render, Document, Text } from 'redocx'
class App extends React.Component {
  render() {
    return (
      
        Hello World
      
    )
  }
}
render(, `${__dirname}/example.docx`)

Manipulação de tabelas em documentos do Word

As tabelas são o elemento de formatação mais importante que ajuda os usuários de processamento de texto a organizar melhor seu conteúdo dentro de seus documentos do Word. A biblioteca redocx de código aberto inclui suporte completo para inserção e gerenciamento de tabelas usando comandos JavaScript. Ele incluiu várias funções importantes para lidar com tabelas, como definir a largura de cada coluna, tamanho da tabela, alinhar conteúdo, definir o tamanho das bordas, inserir linhas e colunas, usar o cabeçalho da tabela e muito mais.

Como gerenciar dentro de JavaScript Apps

import React, { Component } from 'react';
import { Table, Document } from '../src/';
const tableStyle = {
	tableColWidth: 4261, // Width of each column
	tableSize: 24, // Table size
	tableColor: 'red', // Content color
	tableAlign: 'center', // Align content
	borders: true, // Borders
};
const HEADERS = [
  {
    value: 'Phone',
    styles: {
      color: 'red',
      bold: true,
      size: 10
    }
  },
  {
    value: 'Capacity',
    styles: {
      color: 'blue',
      bold: true,
      size: 10
    }
  }
]
const DATA = [
  ['iPhone 7', '128GB'],
  ['iPhone 5SE', '64GB']
]
export default TableComponent;

Inserir cabeçalho e rodapé no arquivo do MS Word

Cabeçalhos e rodapés são partes muito úteis de um documento do Word que podem ser usadas para organizar documentos mais longos, mantendo as informações que os usuários desejam que apareçam em todas as páginas de um documento do Word, como nome do autor, título do documento ou números de página, etc. A biblioteca redocx de código aberto fornece funcionalidade completa para inserir e manipular cabeçalhos e rodapés personalizados dentro de um documento do Word com facilidade. Também é possível definir vários cabeçalhos e rodapés para diferentes seções de documentos do Word.

Gerencie o cabeçalho em documentos do Word via JavaScript API

import React, { Component } from 'react';
import { Header, Document } from '../src/';
class HeaderComponent extends Component {
  render () {
    return (
      
        
Heading
); } } export default HeaderComponent

Manipulação de imagens dentro de um arquivo do Word

Desenvolvedores de software e programadores podem facilmente inserir e modificar imagens para os locais de sua escolha dentro de documentos do MS Word usando a biblioteca redocx de código aberto. Você precisa fornecer o nome da imagem e o endereço completo. A biblioteca incluiu funcionalidades importantes para alinhar suas imagens, definir a largura e a altura da imagem, aplicar estilos a uma imagem e assim por diante.

Como gerenciar imagens em arquivos do Word via JavaScript API

import React, { Component } from 'react';
import { Image, Document } from '../src/';
class ImageComponent extends Component {
  render () {
    return (
      // image file path will be provided here 
      
  }
}
 Português