API JavaScript pentru a gestiona documentele Word cu React

Noțiuni introductive cu redocx

Modul recomandat de a instala biblioteca redocx este prin npm. Vă rugăm să utilizați următoarea comandă pentru o instalare fără probleme

 npm install --save react redocx 

Generarea de documente Word prin API-ul JavaScript

Microsoft Word este un program de procesare de text de vârf, utilizat în principal pentru crearea de documente care sunt utilizate pe tot globul, cum ar fi scrisori, broșuri, chestionare sau teste și așa mai departe. Biblioteca redocx permite dezvoltatorilor de software să genereze noi documente Word folosind Java. De asemenea, este foarte ușor să modificați documentul existent folosind câteva comenzi simple. Puteți adăuga cu ușurință noi paragrafe, imagini, tabele, liste și multe altele.

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

Gestionarea tabelelor în Documente Word

Tabelele sunt cel mai important element de formatare care îi ajută pe utilizatorii de procesare de text să își organizeze conținutul într-un mod mai bun în documentele lor Word. Biblioteca open source redocx a inclus suport complet pentru inserarea și gestionarea tabelelor folosind comenzi JavaScript. Acesta a inclus mai multe funcții importante pentru manipularea tabelelor, cum ar fi setarea lățimii fiecărei coloane, dimensiunea tabelului, alinierea conținutului, setarea dimensiunii marginilor, inserarea rândurilor și coloanelor, utilizarea titlului tabelului și multe altele.

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;

Inserați antet și subsol în fișierul MS Word

Anteturile și subsolurile sunt părți foarte utile ale unui document Word care pot fi folosite pentru a organiza documente mai lungi, păstrând informațiile pe care utilizatorii doresc să apară pe fiecare pagină a unui document Word, cum ar fi numele autorului, titlul documentului sau numerele paginilor etc. Biblioteca open source redocx a oferit funcționalitate completă pentru inserarea și gestionarea antetelor și subsolurilor personalizate în interiorul unui document Word cu ușurință. De asemenea, este posibil să setați mai multe anteturi și subsoluri pentru diferite secțiuni ale documentelor Word.

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

Manipularea imaginilor în interiorul unui fișier Word

Dezvoltatorii de software și programatorii pot insera și modifica cu ușurință imagini în locurile alese din documentele MS Word folosind biblioteca open source redocx. Trebuie să furnizați numele imaginii și adresa completă. Biblioteca a inclus funcționalități importante pentru alinierea imaginilor, setarea lățimii și înălțimii imaginii, aplicarea stilurilor unei imagini și așa mai departe.

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