有没有办法在React中将html标签转换成react-pdf标签？

Question

我将在React中使用react-pdf render将HTML内容转换为react-pdf标签。

import {
  Document,
  Page,
  View,
  Text,
  Image,
  StyleSheet
} from '@react-pdf/renderer';

const styles = StyleSheet.create({
  page: {
    backgroundColor: '#fff',
    padding: 24
  },
  h1: {
    fontSize: 24,
    fontWeight: 500
  },
  h5: {
    fontSize: 12,
    fontWeight: 500
  },
  ...

const ProposalPDF = ({ content }) => {

  return (
    <Document>
      <Page size="A4" style={styles.page}>
        <View style={styles.header}>
          <View>
            <Image
              source="/static/logo.png"
              style={styles.brand}
            />
          </View>
          <View style={styles.flexAlignRight}>
            <Text style={[styles.h1]}>
              Title
            </Text>
            ...

我需要向Document添加超文本标记语言内容，但它们显示为纯超文本标记语言。我尝试的是在文本标记中使用dangerouslySetInnerHTML。但它根本不起作用。

<Text style={styles.body1} dangerouslySetInnerHTML={{__html: content }} />

我应该使用什么来将html内容显示为PDF视图？HTML内容由Quill编辑器生成。所以有一些超文本标记语言标签，包括strong，h1，li，p，br，ol，ul等等。

Answer 1

我最终找到了一个很好的资源，它帮助我在这里找到了解决方案：https://levelup.gitconnected.com/elegant-pdfs-from-user-generated-content-in-react-656b79533fee

我有一个助手函数，它使用DraftJS过滤HTML并转换为react-pdf友好的标签。