Метод для запуска кода внутри компонента CodeMirror - PullRequest
Новая
       66

Метод для запуска кода внутри компонента CodeMirror

0 голосов
/ 02 апреля 2020

Мне нужен метод / режим для запуска кода внутри моего компонента CodeMirror.

Это мой код: 

import React from "react";
import createReactClass from "create-react-class";
import CodeMirror from "react-codemirror";

require("codemirror/lib/codemirror.css");
require("codemirror/mode/javascript/javascript");
require('chai/chai')
let mocha = require('mocha/mocha')
let Codemirror = require('codemirror')


const Editor = createReactClass({
  getInitialState() {
    return {
      code: `function sum (a,b) {\n \n} \n \n export default sum`,
      readOnly: false,
      blockScrolling: true
    };
  },
  updateCode(newCode) {
    this.setState({
      code: newCode
    });
  },
  render() {
    let options = {
      lineNumbers: true,
      mode: {name: "javascript", json: true},
      name: 'javascript'
    };
        return (
      <div>
        <CodeMirror
          id="editor"
          options={options}
          value={this.state.code}
          onChange={this.updateCode}
          autoFocus={true}
        />
        <button onClick={()=>{
          //need a function to run the code
        }}>Run Code </button>

      </div>

    );
  }

});
export default Editor

Это результат

This is the result

Я получаю код только в строке, но я нужен документ или результат для тестирования с mocha js

github repo здесь =)

...