JavaScript-API zur Bearbeitung von Word-Dokumenten mit React

Open-Source-JavaScript-Bibliothek zum Erstellen, Ändern und Konvertieren von Word-Dateien, zum Hinzufügen von Absätzen und einer Liste von Punkten zu bestehenden Dokumenten usw.

Das redocx ist eine sehr nützliche Open-Source-Bibliothek, die es Softwareentwicklern ermöglicht, Word-Dokumente mit Hilfe von JavaScript-Befehlen zu erstellen und zu verwalten. Die Bibliothek bietet einen sehr leistungsstarken Satz von Komponenten, mit denen ein React-Element problemlos in ein Word-Dokumentobjekt gerendert werden kann. Sie müssen den Dateinamen und den Pfad für das Dokument angeben. Die Entwickler können die Dokumente auch direkt in einen speicherabgebildeten Stream rendern.

Die redocx-Bibliothek ist sehr einfach zu handhaben und hat sehr leistungsstarke Funktionen im Zusammenhang mit der Erstellung und Wiedergabe von Word-Dokumenten, wie z Word-Dokument, Kopf-/Fußzeile in Word-Datei einfügen, eine horizontale oder vertikale Linie zeichnen, eine Tabelle einfügen, ein Bild an der Stelle Ihrer Wahl hinzufügen und vieles mehr.

Previous Next

Erste Schritte mit redocx

Die empfohlene Methode zum Installieren der redocx-Bibliothek ist über npm. Bitte verwenden Sie den folgenden Befehl für eine reibungslose Installation

Installieren Sie redocx über npm

 npm install --save react redocx 

Generierung von Word-Dokumenten über die JavaScript-API

Microsoft Word ist ein führendes Textverarbeitungsprogramm, das hauptsächlich zum Erstellen von Dokumenten verwendet wird, die weltweit verwendet werden, wie Briefe, Broschüren, Quiz oder Tests und so weiter. Die redocx-Bibliothek ermöglicht es Softwareentwicklern, neue Word-Dokumente mit Java zu erstellen. Es ist auch sehr einfach, das vorhandene Dokument mit einigen einfachen Befehlen zu ändern. Sie können ganz einfach neue Absätze, Bilder, Tabellen, Listen und vieles mehr hinzufügen.

Gender Text in 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`)

Umgang mit Tabellen in Word-Dokumenten

Tabellen sind das wichtigste Formatierungselement, das Benutzern der Textverarbeitung hilft, ihre Inhalte in ihren Word-Dokumenten besser zu organisieren. Die Open-Source-Bibliothek redocx bietet vollständige Unterstützung für das Einfügen und Verwalten von Tabellen mithilfe von JavaScript-Befehlen. Es enthält mehrere wichtige Funktionen für den Umgang mit Tabellen, wie z. B. das Festlegen der Breite jeder Spalte, der Tabellengröße, das Ausrichten von Inhalten, das Festlegen der Rahmengröße, das Einfügen von Zeilen und Spalten, das Verwenden von Tabellenüberschriften und vieles mehr.

Wie man Tabellen in JavaScript Apps verwaltet

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;

Kopf- und Fußzeile in MS Word-Datei einfügen

Kopf- und Fußzeilen sind sehr praktische Teile eines Word-Dokuments, die zum Organisieren längerer Dokumente verwendet werden können, indem sie die Informationen enthalten, die Benutzer auf jeder Seite eines Word-Dokuments anzeigen möchten, wie z. B. den Namen des Autors, den Titel des Dokuments oder Seitenzahlen usw. Die Open-Source-Bibliothek redocx bietet vollständige Funktionen zum einfachen Einfügen sowie zur Handhabung benutzerdefinierter Kopf- und Fußzeilen in einem Word-Dokument. Es ist auch möglich, mehrere Kopf- und Fußzeilen für verschiedene Abschnitte von Word-Dokumenten festzulegen.

Manage Header in Word-Dokumenten über JavaScript API

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

Bildbearbeitung in einer Word-Datei

Softwareentwickler und Programmierer können mithilfe der Open-Source-Redocx-Bibliothek problemlos Bilder an den Stellen ihrer Wahl in MS Word-Dokumente einfügen und ändern. Sie müssen den Bildnamen und die vollständige Adresse angeben. Die Bibliothek enthält wichtige Funktionen zum Ausrichten Ihrer Bilder, zum Festlegen der Breite und Höhe des Bildes, zum Anwenden von Stilen auf ein Bild und so weiter.

How Manage Images in Word-Dateien 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 
      
  }
}
 Deutsch