draft对于一些简单的文本加点样式就能搞定的提供了集中自定义的方式,分为两种情况,块级样式,行内样式,块级之间不可叠加!!!!,其他都可以叠加。
1. 块级样式自定义
首先呢,分几种情况,一种覆盖已存在的块级样式,一种完全创造个新的自己定义的,这里就演示完全捏造一个,覆盖的话只要用已有的名字标签就行,其实没必要,自定义就行。我这定义一个suibian
的块级样式,红色的大字体。
官网也有个文档里面列举了一些内置的块级标签定义和自定义的演示。
先要添加这个块级的名称以及对应的标签,配置Editor属性
blockRenderMap={DefaultDraftBlockRenderMap.merge(blockRenderMap)}
这句话呢就是把自定义的标签和已有的合并
const blockRenderMap = Immutable.Map({
'suibian': {
element: 'div',