From 3a4f58e3883bd841f2658c38889fdc43a4b9cc8d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 21 一月 2021 16:59:13 +0800
Subject: [PATCH] 2021-01-21
---
src/menu/components/code/sandbox/editorcode/index.jsx | 25 ++++++++++++++++++-------
1 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/src/menu/components/code/sandbox/editorcode/index.jsx b/src/menu/components/code/sandbox/editorcode/index.jsx
index dc9923a..6d3df7d 100644
--- a/src/menu/components/code/sandbox/editorcode/index.jsx
+++ b/src/menu/components/code/sandbox/editorcode/index.jsx
@@ -21,7 +21,8 @@
dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
visible: false,
html: '',
- css: ''
+ css: '',
+ js: ''
}
shouldComponentUpdate (nextProps, nextState) {
@@ -34,18 +35,19 @@
this.setState({
visible: true,
html: config.html || '',
- css: config.css || ''
+ css: config.css || '',
+ js: config.js || '',
})
}
verifySubmit = () => {
const { config } = this.props
- const { html, css } = this.state
+ const { html, css, js } = this.state
this.setState({
visible: false
})
- this.props.updateConfig({...config, html, css})
+ this.props.updateConfig({...config, html, css, js})
}
onHtmlChange = (val) => {
@@ -60,8 +62,14 @@
})
}
+ onJsChange = (val) => {
+ this.setState({
+ js: val
+ })
+ }
+
render () {
- const { visible, dict, html, css } = this.state
+ const { visible, dict, html, css, js } = this.state
return (
<div style={{display: 'inline-block'}}>
@@ -79,10 +87,13 @@
>
<Tabs>
<TabPane tab="HTML" key="HTML">
- <CodeMirror mode="text/xml" value={html} onChange={this.onHtmlChange} />
+ <CodeMirror mode="text/xml" theme="cobalt" value={html} onChange={this.onHtmlChange} />
</TabPane>
<TabPane tab="CSS" key="CSS">
- <CodeMirror mode="text/css" value={css} onChange={this.onCssChange} />
+ <CodeMirror mode="text/css" theme="cobalt" value={css} onChange={this.onCssChange} />
+ </TabPane>
+ <TabPane tab="JS" key="JS">
+ <CodeMirror mode="text/javascript" theme="cobalt" value={js} onChange={this.onJsChange} />
</TabPane>
</Tabs>
</Modal>
--
Gitblit v1.8.0