如何在 React JS 中创建可编辑的文本区域字段，其中包含粗体和斜体选项，可以解析/保存字符串中的嵌入标签

Question

我需要一种方法来将可编辑文本区域显示为较大对象的一部分。该文本区域需要可调整大小，能够显示“粗体”和“斜体”文本，并且还能够从包含标签的字符串中解析值。例如，如果通过了， 问题

答案

会显示

问题

答案

我设置的当前代码如下所示：

    return (
        <textarea
            rows={props.rows}
            name={props.name}
            onChange={(e) => props.setValue(e.target.value)}
            value={props.value || ''}
            style={props.style}
            className={className}
        />
    )

这成功创建了一个可编辑字段，它将上面的字符串显示为

问题

答案

...而不是正确地将其加粗/斜体。 如何创建满足这些要求的对象？无论是本机还是通过库：

可编辑字段显示文本

1. 允许用户将文本加粗/斜体

2. 解析字符串中嵌入字符串本身的粗体/斜体标签

您需要使用 WYSIWYG（所见即所得）/富文本编辑器，它利用 html 元素（通常是 div）的内容可编辑属性。有一些图书馆像

Answer 1

板岩

• Draft.js
• Prosemimirror