JavaScript API för att hantera Word-dokument med React

JavaScript-bibliotek med öppen källkod för att skapa, ändra och konvertera Word-filer, lägga till stycken och en lista med punkter i befintliga dokument och så vidare.

Redocx är ett mycket användbart bibliotek med öppen källkod som gör det möjligt för mjukvaruutvecklare att skapa och hantera word-dokument med react med hjälp av JavaScript-kommandon. Biblioteket tillhandahåller en mycket kraftfull uppsättning komponenter som kan användas för att enkelt rendera ett React-element till ett Word-dokumentobjekt. Du måste ange filnamnet och sökvägen för dokumentet. Utvecklarna kan också rendera dokumenten direkt till en minneskartad ström.

Redocx-biblioteket är mycket lätt att hantera och har inkluderat mycket kraftfulla funktioner relaterade till skapande och rendering av Word-dokument, som att skapa nya dokument från början, lägga till ett stycke i befintliga dokument, lägga till en lista med punkter, lägga till en lista med nummer till word-dokument, infoga sidhuvud/sidfot till word-fil, rita en horisontell eller vertikal linje, infoga en tabell, lägg till en bild på den plats du väljer och mycket mer.

Previous Next

Komma igång med redocx

Det rekommenderade sättet att installera redocx-biblioteket är via npm. Använd följande kommando för en smidig installation

Installera redocx via npm

 npm install --save react redocx 

Generering av Word-dokument via JavaScript API

Microsoft Word är ett ledande ordbehandlingsprogram som huvudsakligen används för att skapa dokument som används över hela världen, såsom brev, broschyrer, frågesporter eller tester och så vidare. Redocx-biblioteket gör det möjligt för mjukvaruutvecklare att skapa nya Word-dokument med hjälp av Java. Det är också mycket enkelt att ändra det befintliga dokumentet med några enkla kommandon. Du kan enkelt lägga till nya stycken, bilder, tabeller, listor och mycket mer.

Genustext till Word Document via 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`)

Tabellhantering i Word Docs

Tabeller är det viktigaste formateringselementet som hjälper ordbehandlingsanvändare att organisera sitt innehåll på ett bättre sätt i sina word-dokument. Redocx-biblioteket med öppen källkod har inkluderat komplett stöd för att infoga och hantera tabeller med JavaScript-kommandon. Den har inkluderat flera viktiga funktioner för att hantera tabeller, som att ställa in bredden på varje kolumn, tabellstorlek, anpassa innehåll, ställa in ramstorlek, infoga rader och kolumner, använda tabellrubriker och mycket mer.

Hur man hanterar tabeller inuti JavaScript appar

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;

Infoga sidhuvud och sidfot i MS Word-fil

Sidhuvuden och sidfötter är mycket praktiska delar av ett Word-dokument som kan användas för att organisera längre dokument genom att hålla informationen som användare vill ska visas på varje sida i ett Word-dokument, såsom författarens namn, dokumentets titel eller sidnummer, etc. Redocx-biblioteket med öppen källkod har tillhandahållit komplett funktionalitet för att infoga och hantera anpassade sidhuvuden och sidfötter i ett Word-dokument med lätthet. Det är också möjligt att ställa in flera sidhuvuden och sidfötter för olika delar av word-dokument.

Hantera chef i Word-dokument via JavaScript API

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

Bildhantering i en Word-fil

Mjukvaruutvecklare och programmerare kan enkelt infoga och modifiera bilder till de platser de väljer i MS Word-dokument med hjälp av redocx-biblioteket med öppen källkod. Du måste ange bildens namn och den fullständiga adressen. Biblioteket har inkluderat viktig funktionalitet för att justera dina bilder, ställa in bildens bredd och höjd, tillämpa stilar på en bild och så vidare.

Hur man hanterar bilder i Word-filer via 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 
      
  }
}
 Svenska