API JavaScript pour gérer les documents Word avec React

Premiers pas avec redocx

La méthode recommandée pour installer la bibliothèque redocx est via npm. Veuillez utiliser la commande suivante pour une installation fluide

 npm install --save react redocx 

Génération de documents Word via l'API JavaScript

Microsoft Word est un programme de traitement de texte de premier plan principalement utilisé pour créer des documents utilisés dans le monde entier, tels que des lettres, des brochures, des quiz ou des tests, etc. La bibliothèque redocx permet aux développeurs de logiciels de générer de nouveaux documents Word à l'aide de Java. Il est également très facile de modifier le document existant à l'aide de quelques commandes simples. Vous pouvez facilement ajouter de nouveaux paragraphes, images, tableaux, listes et bien plus encore.

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

Gestion des tableaux dans Word Docs

Les tableaux sont l'élément de formatage le plus important qui aide les utilisateurs de traitement de texte à mieux organiser leur contenu dans leurs documents Word. La bibliothèque open source redocx inclut une prise en charge complète de l'insertion et de la gestion des tables à l'aide de commandes JavaScript. Il a inclus plusieurs fonctions importantes pour la gestion des tableaux, telles que la définition de la largeur de chaque colonne, la taille du tableau, l'alignement du contenu, la définition de la taille des bordures, l'insertion de lignes et de colonnes, l'utilisation d'en-tête de tableau, et bien plus encore.

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;

Insérer l'en-tête et le pied de page dans le fichier MS Word

Les en-têtes et les pieds de page sont des parties très pratiques d'un document Word qui peuvent être utilisées pour organiser des documents plus longs en contenant les informations que les utilisateurs souhaitent voir apparaître sur chaque page d'un document Word, telles que le nom de l'auteur, le titre du document ou les numéros de page, etc. La bibliothèque open source redocx a fourni des fonctionnalités complètes pour insérer et gérer facilement des en-têtes et des pieds de page personnalisés dans un document Word. Il est également possible de définir plusieurs en-têtes et pieds de page pour différentes sections de documents Word.

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

Gestion des images dans un fichier Word

Les développeurs de logiciels et les programmeurs peuvent facilement insérer et modifier des images aux endroits de leur choix dans les documents MS Word à l'aide de la bibliothèque open source redocx. Vous devez fournir le nom de l'image et l'adresse complète. La bibliothèque a inclus des fonctionnalités importantes pour aligner vos images, définir la largeur et la hauteur de l'image, appliquer des styles à une image, etc.

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