public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

load javascript mode of codemirror & clean up dirty codes

Browse Source
This commit is contained in:
Sosuke Suzuki
2017-03-25 15:32:45 +09:00
parent 5a201dd1b9
commit a74651b515
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
browser/main/modals/PreferencesModal/UiTab.js
View File

@@ -4,22 +4,26 @@ import styles from './ConfigTab.styl'
import ConfigManager from 'browser/main/lib/ConfigManager' import ConfigManager from 'browser/main/lib/ConfigManager'
import store from 'browser/main/store' import store from 'browser/main/store'
import consts from 'browser/lib/consts' import consts from 'browser/lib/consts'
import CodeMirror from 'react-codemirror' import ReactCodeMirror from 'react-codemirror'
import CodeMirror from 'codemirror'
const OSX = global.process.platform === 'darwin' const OSX = global.process.platform === 'darwin'
class UiTab extends React.Component { class UiTab extends React.Component {
constructor (props) { constructor (props) {
super(props) super(props)
this.state = { this.state = {
config: props.config, config: props.config,
codemirrorTheme: props.config.editor.theme codemirrorTheme: props.config.editor.theme
} }
} }
componentWillMount () {
CodeMirror.autoLoadMode(ReactCodeMirror, 'javascript')
}
handleUIChange (e) { handleUIChange (e) {
let { codemirrorTheme } = this.state const { codemirrorTheme } = this.state
let checkHighLight = document.getElementById('checkHighLight') let checkHighLight = document.getElementById('checkHighLight')
if (checkHighLight === null) { if (checkHighLight === null) {
@@ -56,7 +60,7 @@ class UiTab extends React.Component {
const newCodemirrorTheme = this.refs.editorTheme.value const newCodemirrorTheme = this.refs.editorTheme.value
if (newCodemirrorTheme !== codemirrorTheme) { if (newCodemirrorTheme !== codemirrorTheme) {
checkHighLight.setAttribute('href', '../node_modules/codemirror/theme/' + newCodemirrorTheme + '.css') checkHighLight.setAttribute('href', `../node_modules/codemirror/theme/${newCodemirrorTheme}.css`)
} }
this.setState({ config: newConfig, codemirrorTheme: newCodemirrorTheme }) this.setState({ config: newConfig, codemirrorTheme: newCodemirrorTheme })
@@ -132,7 +136,7 @@ class UiTab extends React.Component {
} }
</select> </select>
<div styleName='code-mirror'> <div styleName='code-mirror'>
<CodeMirror value={codemirrorSampleCode} options={{ lineNumbers: true, readOnly: true, mode: 'javascript', theme: codemirrorTheme }} /> <ReactCodeMirror value={codemirrorSampleCode} options={{ lineNumbers: true, readOnly: true, mode: 'javascript', theme: codemirrorTheme }} />
</div> </div>
</div> </div>
</div> </div>