锐客网

  1. 首页 > 睿知 > it技术 > >

dasassdsd

IT知识Sass

【dasassdsd】金鞍玉勒寻芳客，未信我庐别有春。这篇文章主要讲述dasassdsd相关的知识，希望能为你提供帮助。

import React, { useEffect, useRef } from \'react\';
import { Affix, Space, Button, Row, Col } from \'antd\';
import { createToolbar, createEditor } from \'@wangeditor/editor\';
import Container from \'@/components/Container\';
import \'@wangeditor/editor/dist/css/style.css\';

import styles from \'./style.scss\';

const SavePage = () => {
const toolbarRef = useRef();
const editorRef = useRef();

useEffect(() => {
const editor = createEditor({
selector: editorRef.current,
config: {
placeholder: \'请输入正文\',
scroll: false,
},
});

createToolbar({
selector: toolbarRef.current,
editor,
});
}, []);

return (
< Container
autoHeight
margin="0px"
headerAffix={false}
style={{ width: \'900px\', margin: \'20px auto 40px auto\', overflow: \'inherit\' }}
header={(
< >
< div className={styles.title}>
< input type="text" className={styles.titleInput} placeholder="请输入标题，您可以输入50个字" />
< div className={styles.limit}>
< span className={styles.limitItem}> 0< /span>
< span className={styles.limitLine} />
< span className={styles.limitItem}> 50< /span>
< /div>
< /div>
< Affix offsetTop={48}>
< div className={styles.toolbar} ref={toolbarRef} />
< /Affix>
< />
)}
footer={(
< Row className={styles.footer} align="middle">
< Col flex="auto" />
< Col>
< Space size="large">
< Button type="primary" size="large" ghost> 基础设置< /Button>
< Button type="primary" size="large"> 发布文章< /Button>
< /Space>
< /Col>
< /Row>
)}
>
< div className={styles.editor} ref={editorRef} />
< /Container>
);
};

export default SavePage;


    推荐阅读


    上一篇：Connecting to 172.16.128.14:22...Could notconnec

    下一篇：Docker安装FastDFS