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.
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
}
}