1. Tuotteet
  2.   Tekstinkäsittely
  3.   JavaScript
  4.   redocx
 
  

JavaScript-sovellusliittymä Word-asiakirjojen käsittelemiseen Reactin avulla

Avoimen lähdekoodin JavaScript-kirjasto, jolla voit luoda, muokata ja muuntaa Word-tiedostoja, lisätä kappaleita ja pisteluettelon olemassa oleviin asiakirjoihin ja niin edelleen.

Redocx on erittäin hyödyllinen avoimen lähdekoodin kirjasto, jonka avulla ohjelmistokehittäjät voivat luoda ja hallita Word-asiakirjoja reactilla JavaScript-komentojen avulla. Kirjasto tarjoaa erittäin tehokkaan joukon komponentteja, joita voidaan käyttää React-elementin hahmontamiseen Word-asiakirjaobjektiin helposti. Sinun on annettava asiakirjan tiedostonimi ja polku. Kehittäjät voivat myös renderöidä asiakirjat suoraan muistikartoituun tietovirtaan.

Redocx-kirjastoa on erittäin helppo käsitellä, ja se sisältää erittäin tehokkaita ominaisuuksia, jotka liittyvät Word-asiakirjojen luomiseen ja hahmontamiseen, kuten uusien asiakirjojen luominen tyhjästä, kappaleen lisääminen olemassa oleviin asiakirjoihin, pisteluettelon lisääminen, numeroluettelon lisääminen Word-asiakirja, lisää otsikko/alatunniste Word-tiedostoon, piirrä vaaka- tai pystyviiva, lisää taulukko, lisää kuva haluamaasi paikkaan ja paljon muuta.

Previous Next

Redocx:n käytön aloittaminen

Suositeltu tapa asentaa redocx-kirjasto on npm. Käytä seuraavaa komentoa sujuvaan asennukseen

Asenna redocx npm:n kautta

 npm install --save react redocx

Word-asiakirjojen luominen JavaScript API:n kautta

Microsoft Word on johtava tekstinkäsittelyohjelma, jota käytetään pääasiassa eri puolilla maailmaa käytettävien asiakirjojen, kuten kirjeiden, esitteiden, tietokilpailujen tai testien ja niin edelleen, luomiseen. Redocx-kirjaston avulla ohjelmistokehittäjät voivat luoda uusia Word-asiakirjoja Javalla. On myös erittäin helppoa muokata olemassa olevaa asiakirjaa yksinkertaisilla komennoilla. Voit helposti lisätä uusia kappaleita, kuvia, taulukoita, luetteloita ja paljon muuta.

Renderöi teksti Word-asiakirjaksi JavaScript API:n kautta

import React from 'react'
import { render, Document, Text } from 'redocx'
class App extends React.Component {
  render() {
    return (
      
        Hello World
      
    )
  }
}
render(, `${__dirname}/example.docx`)

Taulukoiden käsittely Word Docsissa

Taulukot ovat tärkein muotoiluelementti, joka auttaa tekstinkäsittelyn käyttäjiä järjestämään sisältönsä paremmin Word-asiakirjojensa sisällä. Avoimen lähdekoodin redocx-kirjasto sisältää täydellisen tuen taulukoiden lisäämiseen ja hallintaan JavaScript-komentojen avulla. Se sisältää useita tärkeitä toimintoja taulukoiden käsittelyyn, kuten kunkin sarakkeen leveyden asettaminen, taulukon koko, sisällön tasaaminen, reunojen koon asettaminen, rivien ja sarakkeiden lisääminen, taulukon otsikon käyttö ja paljon muuta.

Taulukoiden hallinta JavaScript-sovelluksissa

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;

Lisää ylä- ja alatunniste MS Word -tiedostoon

Ylä- ja alatunnisteet ovat erittäin käteviä Word-asiakirjan osia, joita voidaan käyttää pidempien asiakirjojen järjestämiseen pitämällä tiedot, jotka käyttäjät haluavat näkyvän Word-asiakirjan jokaisella sivulla, kuten tekijän nimi, asiakirjan otsikko tai sivunumerot jne. Avoimen lähdekoodin redocx-kirjasto on tarjonnut täydelliset toiminnot mukautettujen ylä- ja alatunnisteiden lisäämiseen ja käsittelemiseen Word-asiakirjan sisällä helposti. On myös mahdollista asettaa useita ylä- ja alatunnisteita Word-asiakirjojen eri osioihin.

Hallitse otsikkoa Word-asiakirjoissa JavaScript-sovellusliittymän kautta

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

      
    );
  }
}
export default HeaderComponent

Kuvankäsittely Word-tiedoston sisällä

Ohjelmistojen kehittäjät ja ohjelmoijat voivat helposti lisätä ja muokata kuvia haluamiinsa paikkoihin MS Word -dokumenttien sisällä avoimen lähdekoodin redocx-kirjaston avulla. Sinun on annettava kuvan nimi ja täydellinen osoite. Kirjastossa on tärkeitä toimintoja kuvien kohdistamiseen, kuvan leveyden ja korkeuden asettamiseen, tyylien soveltamiseen kuvaan ja niin edelleen.

Kuvien hallinta Word-tiedostoissa JavaScript API:n kautta

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