小编Khu*_*hbu的帖子

我使用过 React 验证库

https://www.npmjs.com/package/react-validation

如果我从任何其他页面访问我的页面，它不会给出任何错误。但是当我刷新页面时，出现错误

类型错误：无法将未定义或 null 转换为对象

如果有人以前遇到过这个问题，请提出一个想法。

代码：

import React from 'react';

import {
    Card,
    CardBody,
    CardTitle,
    Row,
    Col,
    FormGroup,
    Label,
    Alert
  } from 'reactstrap';
import Input from 'react-validation/build/input';
import Button from 'react-validation/build/button';
import Form from 'react-validation/build/form';
import axios from 'axios';
import api from '../../config/api';
import messages from '../../config/messages';
import Select from 'react-validation/build/select';
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

const required = (value, props,components) => {

    if(components.formReset!=undefined)
    {
        if (!components.formReset[0].value && (!value || (props.isCheckable && !props.checked))) …

我正在使用 PHPWord 库将 HTML 模板转换为 Word。

图书馆链接

我将 HTML 转换为 Word 文件的代码如下：

$phpWord = new \PhpOffice\PhpWord\PhpWord();
$section = $phpWord->addSection();
\PhpOffice\PhpWord\Shared\Html::addHtml($section, $htmlTemplate);
$targetFile = __DIR__ . "/1.docx";
$phpWord->save($targetFile, 'HTML');

我面临以下问题：

1. 我正在使用内联样式应用背景颜色和字体颜色，但字体颜色仅起作用，背景颜色不起作用。

 <p style="background-color:#FFFF00;color:#FF0000;">Some text</p>

2. 我使用下面的 HTML 代码来允许在 HTML 模板的各个部分中分页。但它不适用于导出的 Word 文件。

<div style="page-break-after:always"><span style="display:none">&nbsp;</span></div>

3. 我正在使用 span 标签以粗体标记某些单词或更改段落中单词的颜色。但是当我导出到Word文件时，span标签后的内容会移动到单词下方的新行。我尝试在span标签中使用display:inline css属性。但它不起作用。

<p>some text before span tag <span style="color:#FF0000;display:inline">XXXXX</span> Text after span tag.</p>

编辑：

如果上述问题无法用 PHPWord 解决，请推荐任何其他库，我可以使用它来将带有内联 css 的 HTML 转换为 Word！