JavaScript API til håndtere Word-dokumenter med React

Open Source JavaScript-bibliotek til at oprette, ændre og konvertere Word-filer, føje afsnit og en liste med prikker til eksisterende dokumenter og så videre.

Redocx er et meget nyttigt open source-bibliotek, der gør det muligt for softwareudviklere at oprette og administrere word-dokumenter med react ved hjælp af JavaScript-kommandoer. Biblioteket giver et meget kraftfuldt sæt komponenter, der nemt kan bruges til at gengive et React-element til et Word-dokumentobjekt. Du skal angive filnavnet og stien til dokumentet. Udviklerne kan også gengive dokumenterne direkte til en hukommelseskortet stream.

Redocx-biblioteket er meget nemt at håndtere og har inkluderet meget kraftfulde funktioner relateret til oprettelse og gengivelse af Word-dokumenter, såsom at generere nye dokumenter fra bunden, tilføje et afsnit til eksisterende dokumenter, tilføje en liste med prikker, tilføje en liste med tal til word-dokument, indsæt sidehoved/sidefod til word-fil, tegn en vandret eller lodret streg, indsæt en tabel, tilføj et billede til det valgte sted og meget mere.

Previous Next

Kom godt i gang med redocx

Den anbefalede måde at installere redocx-bibliotek på er via npm. Brug venligst følgende kommando for en problemfri installation

Installer redocx via npm

 npm install --save react redocx 

Word-dokumentgenerering via JavaScript API

Microsoft Word er et førende tekstbehandlingsprogram, der hovedsageligt bruges til at skabe dokumenter, der bruges over hele kloden, såsom breve, brochurer, quizzer eller tests og så videre. Redocx-biblioteket gør det muligt for softwareudviklere at generere nye Word-dokumenter ved hjælp af Java. Det er også meget nemt at ændre det eksisterende dokument ved hjælp af nogle simple kommandoer. Du kan nemt tilføje nye afsnit, billeder, tabeller, lister og meget mere.

Gengiv tekst til Word-dokument 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`)

Håndtering af tabeller i Word Docs

Tabeller er det vigtigste formateringselement, der hjælper tekstbehandlingsbrugere med at organisere deres indhold på en bedre måde i deres word-dokumenter. Open source redocx-biblioteket har inkluderet komplet understøttelse af indsættelse og administration af tabeller ved hjælp af JavaScript-kommandoer. Den har inkluderet flere vigtige funktioner til håndtering af tabeller, såsom indstilling af bredden af hver kolonne, tabelstørrelse, justering af indhold, indstilling af grænsestørrelse, indsættelse af rækker og kolonner, brug af tabeloverskrifter og meget mere.

Sådan administreres tabeller i JavaScript-apps

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;

Indsæt sidehoved og sidefod i MS Word-fil

Sidehoveder og sidefødder er meget praktiske dele af et Word-dokument, der kan bruges til at organisere længere dokumenter ved at holde de oplysninger, som brugerne ønsker skal vises på hver side i et Word-dokument, såsom forfatternavn, dokumentets titel eller sidetal osv. Open source redocx-biblioteket har leveret komplet funktionalitet til at indsætte samt håndtere tilpassede sidehoveder og sidefødder i et Word-dokument med lethed. Det er også muligt at indstille flere sidehoveder og sidefødder til forskellige sektioner af word-dokumenter.

Administrer Header i Word-dokumenter via JavaScript API

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

Billedhåndtering i en Word-fil

Softwareudviklere og programmører kan nemt indsætte og ændre billeder til de steder efter eget valg i MS Word-dokumenter ved hjælp af open source redocx-biblioteket. Du skal angive billedets navn og den fulde adresse. Biblioteket har inkluderet vigtig funktionalitet til at justere dine billeder, indstille bredden og højden af billedet, anvende stilarter på et billede og så videre.

Sådan administreres billeder 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 
      
  }
}
 Dansk