SplitText

demo

 

ほ「げほげ

げほげほげ

code

<SplitText
               containerProps={{
                  className: "container",
                  style: {
                     backgroundColor: "lightblue",
                     display: "inline-block",
                  },
               }}
               style={{
                  display: "inline-block",
               }}
               exception={[
                  {
                     selector: "「",
                     attributes: {
                        style: {
                           color: "red",
                           fontWeight: "bold",
                        },
                     },
                  },
               ]}>
               {`ほ「げ ほげ
ほ###br.hoge###げほげほげ`}
            </SplitText>