update quill style

chromesetting
tangjiang 5 years ago
parent a3ec093f2e
commit 610b45eeba

@ -4,7 +4,7 @@
* @Github: * @Github:
* @Date: 2019-12-18 08:49:30 * @Date: 2019-12-18 08:49:30
* @LastEditors: tangjiang * @LastEditors: tangjiang
* @LastEditTime: 2019-12-20 15:55:50 * @LastEditTime: 2019-12-20 16:07:37
*/ */
import './index.scss'; import './index.scss';
import 'quill/dist/quill.core.css'; // 核心样式 import 'quill/dist/quill.core.css'; // 核心样式
@ -66,7 +66,6 @@ function QuillForEditor ({
}, },
readOnly, readOnly,
placeholder, placeholder,
scrollingContainer: '#editorContainer',
theme: readOnly ? 'bubble' : 'snow' theme: readOnly ? 'bubble' : 'snow'
}; };
@ -161,7 +160,7 @@ function QuillForEditor ({
// 返回结果 // 返回结果
return ( return (
<div id="editorContainer" className='quill_editor_for_react_area' style={wrapStyle}> <div className='quill_editor_for_react_area' style={wrapStyle}>
<div ref={editorRef} style={style}></div> <div ref={editorRef} style={style}></div>
</div> </div>
); );

@ -1,5 +1,4 @@
.quill_editor_for_react_area{ .quill_editor_for_react_area{
position: relative;
.ql-editing{ .ql-editing{
left: 0 !important; left: 0 !important;
} }

@ -4,7 +4,7 @@
* @Github: * @Github:
* @Date: 2019-11-20 10:35:40 * @Date: 2019-11-20 10:35:40
* @LastEditors: tangjiang * @LastEditors: tangjiang
* @LastEditTime: 2019-12-19 20:16:32 * @LastEditTime: 2019-12-20 16:12:02
*/ */
import './index.scss'; import './index.scss';
// import 'katex/dist/katex.css'; // import 'katex/dist/katex.css';
@ -310,7 +310,7 @@ class EditTab extends React.Component {
> >
<div style={{ marginTop: '15px'}}> <div style={{ marginTop: '15px'}}>
<QuillForEditor <QuillForEditor
style={{ height: '200px', 'overflowY': 'auto' }} style={{ height: '200px' }}
placeholder="请输入描述信息" placeholder="请输入描述信息"
onContentChange={handleContentChange} onContentChange={handleContentChange}
options={quillConfig} options={quillConfig}

Loading…
Cancel
Save