React で Word ドキュメントを処理するための JavaScript API

redocx を使い始める

redocx ライブラリをインストールする推奨される方法は、npm を使用することです。スムーズなインストールのために次のコマンドを使用してください

 npm install --save react redocx 

JavaScript API による Word ドキュメントの生成

Microsoft Word は、手紙、パンフレット、クイズ、テストなど、世界中で使用されるドキュメントの作成に主に使用される主要なワード プロセッシング プログラムです。 redocx ライブラリを使用すると、ソフトウェア開発者は Java を使用して新しい Word ドキュメントを生成できます。簡単なコマンドを使用して、既存のドキュメントを簡単に変更することもできます。新しい段落、画像、表、リストなどを簡単に追加できます。

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 ファイル内の画像処理

ソフトウェア開発者とプログラマーは、オープン ソースの redocx ライブラリを使用して、MS Word ドキュメント内の任意の場所に画像を簡単に挿入および変更できます。イメージ名と完全なアドレスを指定する必要があります。ライブラリには、画像の配置、画像の幅と高さの設定、画像へのスタイルの適用などの重要な機能が含まれています。

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