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

Word ファイルの作成、変更、変換、既存のドキュメントへの段落やドットのリストの追加などを行うためのオープン ソース JavaScript ライブラリ。

redocx は、ソフトウェア開発者が JavaScript コマンドを使用して、react で Word 文書を作成および管理できるようにする、非常に便利なオープン ソース ライブラリです。このライブラリは、React 要素を Word 文書オブジェクトに簡単にレンダリングするために使用できる、非常に強力なコンポーネントのセットを提供します。ドキュメントのファイル名とパスを指定する必要があります。開発者は、ドキュメントをメモリ マップド ストリームに直接レンダリングすることもできます。

redocx ライブラリは非常に扱いやすく、Word ドキュメントの作成とレンダリングに関連する非常に強力な機能が含まれています。たとえば、新しいドキュメントを最初から生成する、既存のドキュメントに段落を追加する、ドットのリストを追加する、数字のリストをドキュメントに追加するなどです。 Word 文書、Word ファイルへのヘッダー/フッターの挿入、水平線または垂直線の描画、表の挿入、選択した場所への画像の追加など。

Previous Next

redocx を使い始める

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

npm経由でredocxをインストール

 npm install --save react redocx 

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

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

JavaScript API を介してテキストを 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 コマンドを使用したテーブルの挿入と管理の完全なサポートが含まれています。各列の幅の設定、表のサイズ、コンテンツの配置、境界線のサイズの設定、行と列の挿入、表の見出しの使用など、表を処理するための重要な機能がいくつか含まれています。

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 文書のさまざまなセクションに複数のヘッダーとフッターを設定することもできます。

ワード文書のヘッダをJavaScript APIで管理

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

Word ファイル内の画像処理

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

JavaScript APIを介してWordファイルで画像を管理する方法

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