JavaScript API за обработка на документи на 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 Docs

Таблиците са най-важният форматиращ елемент, който помага на потребителите на 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. Също така е възможно да зададете множество горни и долни колонтитули за различни раздели на 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 
      
  }
}