2021-01-21

king

2021-01-21 3a4f58e3883bd841f2658c38889fdc43a4b9cc8d

 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>