【问题标题】:How to render react.js content from draft.js json如何从 draft.js json 呈现 react.js 内容
【发布时间】:2017-04-09 02:20:39
【问题描述】:

假设我有 draft.js 编辑器,编辑完成后我将结果保存到数据库。我有两种方法:将结果保存为 html 字符串或 json 对象。当我使用来自dataBase 的html 字符串时,很容易使用dangerouslySetInnerHTML 来呈现它。但是,如果我想在其他组件中而不是在其他组件中显示此内容,如何使用由 convertToRaw Draft.js 方法生成的 json 对象?我知道我可以使用,但我不确定这是在页面上显示很多内容的优化方法 Draft.js 中的 json 对象示例

{
   blocks: [
      {
         data: {},
         depth: 0,
         entityRanges: [],
         inlineStyleRanges: [],
         key: "f25a2",
         text: "Styled string, ",
         type: "unstyled"
      }
   ],
   entityMap: {
      {
         0: {
            data: {
               url: "www.google.com",
               mutability: "MUTABLE",
               type: "LINK"
            }
         }
      }
   }
}

【问题讨论】:

    标签: javascript json reactjs draftjs


    【解决方案1】:

    更新

    使用 Draftjs 并设置为只读模式

    原始答案

    convertFromRawEditorState.createWithContent(state),

    【讨论】:

    • 对不起,我想在其他组件(例如文章)中显示此内容,而不是在
    • 您可以免费使用json或转换为您想要的任何格式。
    • 但是如何在我的任何应用页面中呈现 json 对象?我找到了这个github.com/lokiuz/redraft modul1。在这个例子中lokiuz.github.io/redraft你可以看到我的意思
    • 你需要检查draftjs docs并找出json的含义。基本上一个段落是blockinlineStyleRanges是该块中文本的css样式,entityMapentityRanges的一些元数据。
    • 这不是关于问题的答案
    猜你喜欢
    • 2020-05-17
    • 2022-11-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多