ContentfulのRichText
from Contentful
Rich Textで1行1行pタグにしたくない
shilt-enterで改行する
かつ以下のようなコードで対応する ref
code:ts
const options = {
renderText: text => {
return text.split('\n').reduce((children, textSegment, index) => {
return ...children, index > 0 && <br key={index} />, textSegment;
}, []);
},
};
rich-text/packages/rich-text-react-renderer at master · contentful/rich-text
renderMark
BOLD
ITALIC
UNDERLINE
CODE
renderNode
HEADINGなど個別のタグに対して処理を行う
renderText
全てのテキストに対して実行される (?)
ユースケースとしては、\nを全て</br>に変更する処理を書くなど