1. Продукти
  2.   Обробка текстів
  3.   JavaScript
  4.   redocx
 
  

JavaScript API для обробки документів Word за допомогою React

Бібліотека JavaScript з відкритим кодом для створення, зміни та конвертації файлів Word, додавання абзаців і списку крапок до існуючих документів тощо.

Redocx — це дуже корисна бібліотека з відкритим вихідним кодом, яка дозволяє розробникам програмного забезпечення створювати та керувати документами Word за допомогою команд JavaScript. Бібліотека надає дуже потужний набір компонентів, які можна використовувати для легкого відтворення елемента React в об’єкті документа Word. Потрібно вказати назву файлу та шлях до документа. Розробники також можуть відтворювати документи прямо в потік, відображений у пам’яті.

Бібліотека redocx є дуже простою у використанні та включає дуже потужні функції, пов’язані зі створенням та рендерингом документів Word, як-от створення нових документів з нуля, додавання абзацу до існуючих документів, додавання списку крапок, додавання списку чисел до документ Word, вставляти верхній/нижній колонтитул у файл Word, малювати горизонтальну або вертикальну лінію, вставляти таблицю, додавати зображення у вибране місце та багато іншого.

Previous Next

Початок роботи з redocx

Рекомендований спосіб встановлення бібліотеки redocx — через npm. Будь ласка, використовуйте наступну команду для плавного встановлення

Встановіть redocx через npm

 npm install --save react redocx

Генерація документів Word за допомогою JavaScript API

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

Gender Text to Word Документ через JavaScript API

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. Він містить кілька важливих функцій для роботи з таблицями, наприклад встановлення ширини кожного стовпця, розміру таблиці, вирівнювання вмісту, встановлення розміру меж, вставлення рядків і стовпців, використання заголовка таблиці та багато іншого.

Як керувати таблицями всередині 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.

Управління заголовками в документах Word через JavaScript API

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

      
    );
  }
}
export default HeaderComponent

Обробка зображень у файлі Word

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

Як керувати зображеннями в файлах Word через JavaScript API

import React, { Component } from 'react';
import { Image, Document } from '../src/';
class ImageComponent extends Component {
  render () {
    return (
      // image file path will be provided here 
      
  }
}
 Українська