API JavaScript для обработки документов Word с помощью React

Начало работы с Redocx

Рекомендуемый способ установки библиотеки redocx — через npm. Пожалуйста, используйте следующую команду для плавной установки

 npm install --save react redocx 

Генерация документов Word через JavaScript API

Microsoft Word — это ведущая программа обработки текстов, которая в основном используется для создания документов, используемых во всем мире, таких как письма, брошюры, викторины или тесты и т. д. Библиотека redocx позволяет разработчикам программного обеспечения создавать новые документы Word с помощью Java. Также очень легко изменить существующий документ с помощью нескольких простых команд. Вы можете легко добавлять новые абзацы, изображения, таблицы, списки и многое другое.

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

Работа с таблицами в документах Word

Таблицы являются наиболее важным элементом форматирования, который помогает пользователям, работающим с Word, лучше организовывать свое содержимое в своих текстовых документах. Библиотека redocx с открытым исходным кодом включает полную поддержку вставки, а также управления таблицами с помощью команд JavaScript. Он включает несколько важных функций для обработки таблиц, таких как установка ширины каждого столбца, размера таблицы, выравнивание содержимого, установка размера границ, вставка строк и столбцов, использование заголовка таблицы и многое другое.

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;

Вставить верхний и нижний колонтитулы в файл MS Word

Верхние и нижние колонтитулы — это очень удобные части документа Word, которые можно использовать для организации более длинных документов путем хранения информации, которую пользователи хотят отображать на каждой странице документа Word, такой как имя автора, название документа или номера страниц и т. д. Библиотека redocx с открытым исходным кодом предоставляет полную функциональность для простой вставки, а также обработки пользовательских верхних и нижних колонтитулов внутри документа Word. Также можно установить несколько верхних и нижних колонтитулов для разных разделов текстовых документов.

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

Обработка изображений внутри файла Word

Разработчики программного обеспечения и программисты могут легко вставлять и изменять изображения в нужных местах внутри документов MS Word, используя библиотеку redocx с открытым исходным кодом. Вам необходимо указать имя изображения и полный адрес. В библиотеку включены важные функции для выравнивания изображений, настройки ширины и высоты изображения, применения стилей к изображению и т. д.

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