1. 产品
  2.   字处理
  3.   JavaScript
  4.   redocx
 
  

使用 React 处理 Word 文档的 JavaScript API

开源 JavaScript 库，用于创建、修改和转换 Word 文件，向现有文档添加段落和点列表等。

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的性别文件

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 处理用户在其 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文档的不同部分设置多个页眉和页脚。

通过JavaScriptAPI在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 文档中选择的位置。您需要提供图像名称和完整地址。该库包含用于对齐图像、设置图像的宽度和高度、将样式应用于图像等的重要功能。

如何通过JavaScriptAPI字文管理图像

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