dasassdsd

【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;

dasassdsd

推荐阅读

故意伤害罪是否可以附带民事赔偿？

蒸烤箱怎么做草鱼好吃蒸烤箱怎么做草鱼

官方人士确认胡鑫宇遗体在粮库院内露天树林被发现，围墙阻断下如何进入仍是谜

体温计含嘴几分钟

申请公租房具备哪些条件北京

塔防游戏是什么意思

系统分析师报名时间,数据分析师报名时间2023

华帝热水器换了风压开关出现e8，怎么修复与排查方法？

微波炉蒸番薯的做法微波炉蒸番薯

骆驼2S免维护起动用铅酸电池58500蓄电池不存电的原因

和平精英暗夜模式怎么没有了和平精英暗夜模式怎么没有了?

柠檬鸡爪有什么功效柠檬鸡爪有什么营养

佳能废墨清零软件安装视频教学-佳能ip2780废墨怎么清除？

2022虎年一共几天

桩基础分析软件

危笑叶柔是什么电视剧危笑叶柔那部是什么电视剧

如何统计微信公众号数据分析

瓷砖翘起怎么处理，瓷砖上翘如何处理

魔力瘦第4天

仙境传说RO手游职业毕业装备搭配大全_刺客