JavaScript API do obsługi dokumentów Word w React

Pierwsze kroki z redocx

Zalecanym sposobem instalacji biblioteki redocx jest użycie npm. Użyj następującego polecenia, aby uzyskać płynną instalację

 npm install --save react redocx 

Generowanie dokumentów Word przez JavaScript API

Microsoft word to wiodący program do przetwarzania tekstu, używany głównie do tworzenia dokumentów używanych na całym świecie, takich jak listy, broszury, quizy lub testy i tak dalej. Biblioteka redocx umożliwia twórcom oprogramowania generowanie nowych dokumentów Worda za pomocą Javy. Bardzo łatwo jest również modyfikować istniejący dokument za pomocą kilku prostych poleceń. Możesz łatwo dodawać nowe akapity, obrazy, tabele, listy i wiele więcej.

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

Obsługa tabel w dokumentach Word

Tabele są najważniejszym elementem formatowania, który pomaga użytkownikom przetwarzania Word lepiej organizować ich zawartość w ich dokumentach tekstowych. Biblioteka redocx o otwartym kodzie źródłowym zawiera pełną obsługę wstawiania i zarządzania tabelami za pomocą poleceń JavaScript. Zawiera kilka ważnych funkcji do obsługi tabel, takich jak ustawianie szerokości każdej kolumny, rozmiaru tabeli, wyrównywanie zawartości, ustawianie rozmiaru obramowania, wstawianie wierszy i kolumn, używanie nagłówków tabeli i wiele innych.

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;

Wstaw nagłówek i stopkę w pliku MS Word

Nagłówki i stopki to bardzo przydatne części dokumentu Word, których można używać do organizowania dłuższych dokumentów, przechowując informacje, które użytkownicy chcą wyświetlać na każdej stronie dokumentu Word, takie jak nazwisko autora, tytuł dokumentu lub numery stron itp. Biblioteka redocx o otwartym kodzie źródłowym zapewnia pełną funkcjonalność do wstawiania, a także obsługi niestandardowych nagłówków i stopek w dokumencie Word z łatwością. Możliwe jest również ustawienie wielu nagłówków i stopek dla różnych sekcji dokumentów tekstowych.

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

Obsługa obrazów w pliku Word

Twórcy oprogramowania i programiści mogą łatwo wstawiać i modyfikować obrazy w wybranych przez siebie miejscach w dokumentach MS Word za pomocą biblioteki redocx o otwartym kodzie źródłowym. Musisz podać nazwę obrazu i pełny adres. Biblioteka zawiera ważne funkcje do wyrównywania obrazów, ustawiania szerokości i wysokości obrazu, stosowania stylów do obrazu i tak dalej.

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