API de JavaScript para manejar documentos de Word con React

Primeros pasos con redocx

La forma recomendada de instalar la biblioteca redocx es a través de npm. Utilice el siguiente comando para una instalación sin problemas

 npm install --save react redocx 

Generación de documentos de Word a través de la API de JavaScript

Microsoft Word es un programa de procesamiento de textos líder que se utiliza principalmente para crear documentos que se utilizan en todo el mundo, como cartas, folletos, cuestionarios o pruebas, etc. La biblioteca redocx permite a los desarrolladores de software generar nuevos documentos de Word utilizando Java. También es muy fácil modificar el documento existente usando algunos comandos simples. Puede agregar fácilmente nuevos párrafos, imágenes, tablas, listas y mucho más.

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

Manejo de tablas en documentos de Word

Las tablas son el elemento de formato más importante que ayuda a los usuarios de procesamiento de textos a organizar mejor su contenido dentro de sus documentos de texto. La biblioteca redocx de código abierto ha incluido soporte completo para insertar y administrar tablas usando comandos de JavaScript. Ha incluido varias funciones importantes para el manejo de tablas, como establecer el ancho de cada columna, el tamaño de la tabla, alinear el contenido, establecer el tamaño de los bordes, insertar filas y columnas, usar el encabezado de la tabla y mucho más.

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;

Insertar encabezado y pie de página en un archivo de MS Word

Los encabezados y pies de página son partes muy útiles de un documento de Word que se pueden usar para organizar documentos más largos al contener la información que los usuarios desean que aparezca en cada página de un documento de Word, como el nombre del autor, el título del documento o los números de página, etc. La biblioteca redocx de código abierto ha proporcionado una funcionalidad completa para insertar y manejar encabezados y pies de página personalizados dentro de un documento de Word con facilidad. También es posible configurar múltiples encabezados y pies de página para diferentes secciones de documentos de Word.

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

Manejo de imágenes dentro de un archivo de Word

Los desarrolladores y programadores de software pueden insertar y modificar fácilmente imágenes en los lugares que elijan dentro de los documentos de MS Word utilizando la biblioteca redocx de código abierto. Debe proporcionar el nombre de la imagen y la dirección completa. La biblioteca ha incluido funciones importantes para alinear sus imágenes, configurar el ancho y el alto de la imagen, aplicar estilos a una imagen, etc.

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