| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Modal, Tabs } from 'antd' |
|---|
| | | import { Modal, Tabs, message } from 'antd' |
|---|
| | | import { FormOutlined } from '@ant-design/icons' |
|---|
| | | |
|---|
| | | import zhCN from '@/locales/zh-CN/model.js' |
|---|
| | | import enUS from '@/locales/en-US/model.js' |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | state = { |
|---|
| | | dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, |
|---|
| | | dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, |
|---|
| | | visible: false, |
|---|
| | | html: '', |
|---|
| | | css: '', |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | onJsChange = (val) => { |
|---|
| | | if (/document\.getElementsByTagName/g.test(val)) { |
|---|
| | | message.warning('为防止代码冲突，js中不可使用document.getElementsByTagName方法!') |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.setState({ |
|---|
| | | js: val |
|---|
| | | }) |
|---|
| | |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <div style={{display: 'inline-block'}}> |
|---|
| | | <Icon title="代码编辑" style={{color: 'purple'}} type="form" onClick={() => this.trigger()} /> |
|---|
| | | <FormOutlined title="代码编辑" style={{color: 'purple'}} onClick={() => this.trigger()} /> |
|---|
| | | <Modal |
|---|
| | | wrapClassName="popview-modal code-sand-box-code-editor" |
|---|
| | | title="内容编辑" |
|---|
