JavaScript API for å håndtere Word-dokumenter med React

Open Source JavaScript-bibliotek for å opprette, endre og konvertere Word-filer, legge til avsnitt og en liste med prikker i eksisterende dokumenter og så videre.

Redocx er et veldig nyttig åpen kildekode-bibliotek som gjør det mulig for programvareutviklere å lage og administrere word-dokumenter med react ved hjelp av JavaScript-kommandoer. Biblioteket gir et veldig kraftig sett med komponenter som kan brukes til å gjengi et React-element til et Word-dokumentobjekt med letthet. Du må oppgi filnavnet og banen for dokumentet. Utviklerne kan også gjengi dokumentene rett til en minnetilordnet strøm.

Redocx-biblioteket er veldig enkelt å håndtere og har inkludert svært kraftige funksjoner knyttet til oppretting og gjengivelse av Word-dokumenter, som å generere nye dokumenter fra bunnen av, legge til et avsnitt i eksisterende dokumenter, legge til en liste med prikker, legge til en liste med tall til word-dokument, sett inn topptekst/bunntekst i word-fil, tegn en horisontal eller vertikal linje, sett inn en tabell, legg til et bilde på stedet du ønsker og mye mer.

Previous Next

Komme i gang med redocx

Den anbefalte måten å installere redocx-biblioteket på er via npm. Bruk følgende kommando for en jevn installasjon

Installer redocx via npm

 npm install --save react redocx 

Word-dokumentgenerering via JavaScript API

Microsoft Word er et ledende tekstbehandlingsprogram som hovedsakelig brukes til å lage dokumenter som brukes over hele verden, for eksempel brev, brosjyrer, spørrekonkurranser eller tester, og så videre. Redocx-biblioteket gjør det mulig for programvareutviklere å generere nye Word-dokumenter ved hjelp av Java. Det er også veldig enkelt å endre det eksisterende dokumentet ved å bruke noen enkle kommandoer. Du kan enkelt legge til nye avsnitt, bilder, tabeller, lister og mye mer.

Gjengi 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`)

Tabellhåndtering i Word Docs

Tabeller er det viktigste formateringselementet som hjelper tekstbehandlingsbrukere til å organisere innholdet sitt på en bedre måte i word-dokumentene. Redocx-biblioteket med åpen kildekode har inkludert fullstendig støtte for å sette inn og administrere tabeller ved hjelp av JavaScript-kommandoer. Den har inkludert flere viktige funksjoner for håndtering av tabeller, for eksempel å angi bredden på hver kolonne, tabellstørrelse, justere innhold, angi grensestørrelse, sette inn rader og kolonner, bruke tabelloverskrift og mye mer.

Hvordan administrere tabeller i JavaScript-apper

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;

Sett inn topp- og bunntekst i MS Word-filen

Topptekster og bunntekster er veldig nyttige deler av et Word-dokument som kan brukes til å organisere lengre dokumenter ved å holde informasjonen som brukere ønsker skal vises på hver side i et Word-dokument, for eksempel forfatternavn, dokumenttittel eller sidetall, etc. Redocx-biblioteket med åpen kildekode har gitt komplett funksjonalitet for å sette inn og håndtere tilpassede topp- og bunntekster i et Word-dokument med letthet. Det er også mulig å angi flere topp- og bunntekster for ulike deler av Word-dokumenter.

Administrer topptekst 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

Bildehåndtering inne i en Word-fil

Programvareutviklere og programmerere kan enkelt sette inn og endre bilder til de stedene de ønsker i MS Word-dokumenter ved å bruke åpen kildekode redocx-biblioteket. Du må oppgi bildenavnet og den fullstendige adressen. Biblioteket har inkludert viktig funksjonalitet for å justere bildene dine, angi bredden og høyden på bildet, bruke stiler på et bilde, og så videre.

Hvordan administrere 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 
      
  }
}
 Norsk