📌 相关文章
- 渲染 - Javascript 代码示例
- 渲染 - Javascript (1)
- CSS 文本渲染(1)
- CSS 文本渲染
- CSS 文本渲染
- 渲染 django - 任何代码示例
- 做表单集渲染 - 任何代码示例
- 渲染 django (1)
- pygame 渲染文本 - Python 代码示例
- react 中的浅渲染 - Javascript 代码示例
- 反应列表渲染 - 任何代码示例
- 渲染含义 - 任何代码示例
- 条件渲染(1)
- 条件渲染
- 如何在不渲染 JavaScript 引擎的情况下渲染列表？(1)
- 如何在不渲染 JavaScript 引擎的情况下渲染列表？
- 在 laravel 中渲染 JSON - 任何代码示例
- 图像渲染值 css 代码示例
- 图像渲染 css 代码示例
- pygame 渲染文本 - Python (1)
- 检查“自定义导航栏”的渲染方法. (1)
- React 渲染 HTML 代码示例
- SVG 文本渲染属性
- SVG 文本渲染属性(1)
- drupal 9 如何使用参数从渲染数组渲染视图块 - PHP 代码示例
- sdl 渲染文本 - 任何代码示例
- 检查“自定义导航栏”的渲染方法. - 无论代码示例
- 反应原生渲染 html 不重新渲染 - Html 代码示例
- 你为什么渲染 - Javascript 代码示例
📜 自定义渲染内容丰富的文本渲染 - 任何代码示例
📅 最后修改于: 2022-03-11 14:59:36.557000 🧑 作者: Mango
代码示例1
Copyimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';
import { BLOCKS } from '@contentful/rich-text-types';
// Create a bespoke renderOptions object to target BLOCKS.EMBEDDED_ENTRY (linked entries e.g. videoEmbed
// and BLOCKS.EMBEDDED_ASSET (linked assets e.g. images)
const renderOptions = {
renderNode: {
[BLOCKS.EMBEDDED_ENTRY]: (node, children) => {
if (node.data.target.sys.contentType.sys.id === 'videoEmbed') {
return (
);
}
},
[BLOCKS.EMBEDDED_ASSET]: (node, children) => {
// render the EMBEDDED_ASSET as you need
return (
);
},
},
};
export default function RichTextResponse({ richTextResponse }) {
return <>{documentToReactComponents(richTextResponse, renderOptions)};
}