1.默認(rèn)塊級(jí)樣式

draft-js源碼中默認(rèn)塊級(jí)樣式定義如下：

var DefaultDraftBlockRenderMap = Map({
  'header-one': {
    element: 'h1'
  },
  'header-two': {
    element: 'h2'
  },
  'header-three': {
    element: 'h3'
  },
  'header-four': {
    element: 'h4'
  },
  'header-five': {
    element: 'h5'
  },
  'header-six': {
    element: 'h6'
  },
  'unordered-list-item': {
    element: 'li',
    wrapper: UL_WRAP
  },
  'ordered-list-item': {
    element: 'li',
    wrapper: OL_WRAP
  },
  'blockquote': {
    element: 'blockquote'
  },
  'atomic': {
    element: 'figure'
  },
  'code-block': {
    element: 'pre',
    wrapper: PRE_WRAP
  },
  'unstyled': {
    element: 'div',
    aliasedElements: ['p']
  }
});

一共有12個(gè)默認(rèn)塊級(jí)樣式，其中:

• header-one到header-six,分別表示標(biāo)題h1到h6
• unordered-list-item和ordered-list-item分別表示無(wú)序列表ul 和有序列表ol
• blockquote代表HTML5 blockquote(塊引用)
• atomic 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）
• code-block 代表代碼塊,HTML5中的pre標(biāo)簽
• unstyled 無(wú)樣式塊(div)

2.自定義塊級(jí)樣式