Как добавить горизонтальное правило/ разделитель в черновики js react-черновик-редактор wysiwyg

#draftjs #draft-js-plugins #react-draft-wysiwyg

#чертежи #проект-js-плагины #реагировать-проект-wysiwyg

Вопрос:

Используя редактор react-draft-wysiwyg, и не зная, как добавить опцию горизонтального правила на панели инструментов

 lt;Editor  editorState={this.state.editorState}  onEditorStateChange={this.handleEditorChange}  wrapperClassName="wrapper-class"  editorClassName="editor-class"  toolbarClassName="toolbar-class"  toolbar={{  options: [  "inline",  "blockType",  "list",  "textAlign",  "fontSize",  "fontFamily",  "colorPicker",  "emoji",  ],  }}  handlePastedText={this.handlePastedText.bind(this)}  onTab={this.onTab}  /gt;  

Комментарии:

1. добавьте свой собственный плагин

2. @JiangYD Я добавил пользовательскую кнопку, которая добавляет тег lt;hrgt; в редактор, но не смог отобразить горизонтальную линию в самом редакторе.

3. html визуализируется draftjs, вы не можете напрямую добавлять html. создайте плагин для вставки ваших данных в модель данных draftjs и создайте собственное представление для отображения данных.