JavaScript API للتعامل مع مستندات Word باستخدام React

الشروع في redocx

الطريقة الموصى بها لتثبيت مكتبة redocx هي عبر npm. الرجاء استخدام الأمر التالي للتثبيت السلس

 npm install --save react redocx 

إنشاء مستندات Word عبر JavaScript API

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

تعد الجداول أهم عنصر تنسيق يساعد مستخدمي معالجة الكلمات على تنظيم محتواهم بطريقة أفضل داخل مستندات الكلمات الخاصة بهم. تضمنت مكتبة 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

معالجة الصور داخل ملف Word

يمكن لمطوري البرامج والمبرمجين إدراج الصور وتعديلها بسهولة في الأماكن التي يختارونها داخل مستندات 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 
      
  }
}