38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
import React, { useState, useEffect } from "react";
|
|
import { Row, Col } from "antd";
|
|
import "@wangeditor/editor/dist/css/style.css"; // 引入 css
|
|
import { Editor } from "@wangeditor/editor-for-react";
|
|
import classNames from "classnames";
|
|
import Style from "./web.module.less";
|
|
export default function Render(props) {
|
|
const { methods: method, data } = props;
|
|
const { content, oakId, width } = props.data;
|
|
const { t } = method;
|
|
const editorConfig = {
|
|
readOnly: true,
|
|
autoFocus: true,
|
|
scroll: false,
|
|
};
|
|
const [value, setValue] = useState("");
|
|
useEffect(() => {
|
|
if (content) {
|
|
setValue(content);
|
|
}
|
|
}, [content]);
|
|
return (<div className={Style.container}>
|
|
<Row gutter={[16, 0]}>
|
|
<Col flex="auto">
|
|
<div className={Style.content}>
|
|
<div id="editorContainer" className={classNames(Style.editorContainer, {
|
|
[Style.fullEditorContainer]: width === 'xs'
|
|
})}>
|
|
{content && (<Editor defaultConfig={editorConfig} value={content ? content : value} mode="default" style={{
|
|
width: "100%",
|
|
}}/>)}
|
|
</div>
|
|
</div>
|
|
</Col>
|
|
</Row>
|
|
</div>);
|
|
}
|