JavaScript API לטיפול במסמכי Word עם React

תחילת העבודה עם redocx

הדרך המומלצת להתקין את ספריית redocx היא באמצעות npm. אנא השתמש בפקודה הבאה להתקנה חלקה

 npm install --save react redocx 

יצירת מסמכי Word באמצעות API של JavaScript

Microsoft word היא תוכנת עיבוד תמלילים מובילה המשמשת בעיקר ליצירת מסמכים המשמשים ברחבי העולם כגון מכתבים, חוברות, חידונים או מבחנים וכן הלאה. ספריית redocx מאפשרת למפתחי תוכנה ליצור מסמכי Word חדשים באמצעות Java. זה גם קל מאוד לשנות את המסמך הקיים באמצעות כמה פקודות פשוטות. אתה יכול בקלות להוסיף פסקאות חדשות, תמונות, טבלאות, רשימות ועוד הרבה יותר.

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

טיפול בטבלאות ב-Word Docs

טבלאות הן אלמנט העיצוב החשוב ביותר שעוזר למשתמשי עיבוד תמלילים לארגן את התוכן שלהם בצורה טובה יותר בתוך מסמכי ה-Word שלהם. ספריית הקוד הפתוח redocx כללה תמיכה מלאה בהוספת טבלאות וניהול טבלאות באמצעות פקודות JavaScript. הוא כלל מספר פונקציות חשובות לטיפול בטבלאות, כגון הגדרת רוחב כל עמודה, גודל טבלה, יישור תוכן, הגדרת גודל גבולות, הוספת שורות ועמודות, שימוש בכותרות טבלה ועוד ועוד.

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;

הכנס כותרת עליונה ותחתונה בקובץ MS Word

כותרות עליונות ותחתונות הן חלקים שימושיים מאוד במסמך Word שניתן להשתמש בהם כדי לארגן מסמכים ארוכים יותר על ידי החזקת המידע שמשתמשים רוצים שיופיע בכל עמוד של מסמך Word כגון שם המחבר, כותרת המסמך או מספרי עמודים וכו'. ספריית הקוד הפתוח redocx סיפקה פונקציונליות מלאה עבור הכנסה וטיפול בכותרות עליונות ותחתונות מותאמות אישית בתוך מסמך Word בקלות. אפשר גם להגדיר מספר כותרות עליונות ותחתונות עבור חלקים שונים של מסמכי Word.

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

טיפול בתמונה בתוך קובץ וורד

מפתחי תוכנה ומתכנתים יכולים בקלות להוסיף ולשנות תמונות למקומות שבחרתם בתוך מסמכי MS Word באמצעות ספריית הקוד הפתוח redocx. עליך לספק את שם התמונה ואת הכתובת המלאה. הספרייה כללה פונקציונליות חשובה ליישור התמונות שלך, הגדרת הרוחב והגובה של התמונה, החלת סגנונות על תמונה וכן הלאה.

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