Формат <code>из поля Content-Rich Rich Text - PullRequest
Новая
       10

Формат <code>из поля Content-Rich Rich Text

0 голосов
/ 08 октября 2019

Я строю свое портфолио, и я хотел бы показать некоторые фрагменты кода в моих абзацах. К сожалению, код отображается без каких-либо разрывов строк, и он выглядит очень непрофессионально.

Я использую rich-text-реагировать-рендерер, и я попытался добавить опцию ниже, чтобы преобразовать "/ n" в br-tags ( документация ). Я предполагаю, что это может не работать, потому что код на самом деле не текст? Любой вклад очень ценится! 

const options = {
        renderNode: {
            "embedded-asset-block": (node) => {
                const alt = node.data.target.fields.title["en-US"]
                const url = node.data.target.fields.file['en-US'].url
                return <img alt={alt} src={url}/>
            }
        },
        renderText: text => { return text.split('/n').reduce((children, textSegment, index) => {
            return [...children, index > 0 && <br key={index}/>, textSegment];
        })}
    }
...