public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 10:16:26 +00:00
Code Issues Releases Wiki Activity

indent setting

Browse Source
This commit is contained in:
Dick Choi
2016-10-04 11:09:27 +09:00
parent 92fd7ac09c
commit 1c86dea4be
1 changed files with 14 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
browser/components/CodeEditor.js
View File

@@ -39,30 +39,21 @@ export default class CodeEditor extends React.Component {
} }
} }
componentWillReceiveProps (nextProps) {
// if (nextProps.readOnly !== this.props.readOnly) {
// this.editor.setReadOnly(!!nextProps.readOnly)
// }
}
componentDidMount () { componentDidMount () {
this.editor = CodeMirror(this.refs.root, { this.editor = CodeMirror(this.refs.root, {
value: this.props.value, value: this.props.value,
lineNumbers: true, lineNumbers: true,
lineWrapping: true, lineWrapping: true,
theme: this.props.theme theme: this.props.theme,
indentUnit: this.props.indentSize,
tabSize: this.props.indentSize,
indentWithTabs: this.props.indentType !== 'space'
}) })
this.setMode(this.props.mode) this.setMode(this.props.mode)
this.editor.on('blur', this.blurHandler) this.editor.on('blur', this.blurHandler)
this.editor.on('change', this.changeHandler) this.editor.on('change', this.changeHandler)
// editor.setTheme('ace/theme/' + theme)
// editor.setReadOnly(!!this.props.readOnly)
// this.editor.setTabSize(this.props.indentSize)
// this.editor.setTabSize(this.props.indentSize)
// session.setUseSoftTabs(this.props.indentType === 'space')
// session.setTabSize(this.props.indentSize)
// session.setUseWrapMode(true)
} }
componentWillUnmount () { componentWillUnmount () {
@@ -86,15 +77,17 @@ export default class CodeEditor extends React.Component {
needRefresh = true needRefresh = true
} }
if (prevProps.indentSize !== this.props.indentSize) {
this.editor.setOption('indentUnit', this.props.indentSize)
this.editor.setOption('tabSize', this.props.indentSize)
}
if (prevProps.indentType !== this.props.indentType) {
this.editor.setOption('indentWithTabs', this.props.indentType !== 'space')
}
if (needRefresh) { if (needRefresh) {
this.editor.refresh() this.editor.refresh()
} }
// if (prevProps.indentSize !== this.props.indentSize) {
// session.setTabSize(this.props.indentSize)
// }
// if (prevProps.indentType !== this.props.indentType) {
// session.setUseSoftTabs(this.props.indentType === 'space')
// }
} }
setMode (mode) { setMode (mode) {