draft.js: как сохранить абзацы при вставке содержимого?

Question

Есть ли документация, в которой объясняется, как сохранить разрывы абзаца, когда содержимое вставляется в draft.js? Другое формирование выглядит разумным, но все блоки абзаца сворачиваются в один блок абзаца при вставке.

Answer 1

К сожалению, публичной документации по обработке вставленного содержимого нет. Но так как проект-js открыт с открытым исходным кодом, чтение источников приходит на помощь.

Draft-JS 0.9.1 и ниже

Просто укажите p в качестве элемента для псевдонимом unstyled блока с использованием blockRenderMap:

import { Map } from 'immutable'; 
import Editor from 'draft-js'; 

const customRenderMap = Map({ 
    unstyled: { 
    element: 'div', 
    // will be used in convertFromHTMLtoContentBlocks 
    aliasedElements: ['p'], 
    }, 
}); 

<Editor 
    editorState={this.state.editorState} 
    blockRenderMap={customRenderMap} 
/> 

Объяснение:

При вставке содержимого в draft-js, editOnPaste Функция вызывается. Внутри этого проекта определяется, что содержимое, которое вы вставили, это html (да, когда вы копируете любой текст из текстовых процессоров, таких как MS Word, Google Docs или Apple Pages, это на самом деле html) и вызывает convertFromHTMLToContentBlocks().

convertFromHTMLToContentBlocks() в свою очередь uses blockRenderMap, чтобы определить, как разделить html на блоки.

Draft-JS 0.10.0

div является совмещенным с pby default в draft-js@0.10.0