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

add doublick handler for MarkdownPreview to turn off preview mode

Browse Source
This commit is contained in:
Rokt33r
2015-12-28 19:09:52 +09:00
parent fb97b7443d
commit d1cfd627bc
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
browser/components/MarkdownPreview.js
View File

@@ -44,18 +44,23 @@ export default class MarkdownPreview extends React.Component {
}
}
handleDoubleClick (e) {
this.props.onDoubleClick(e)
}
render () {
let isEmpty = this.props.content.trim().length === 0
let content = isEmpty
? '(Empty content)'
: this.props.content
return (
<div className={'MarkdownPreview' + (this.props.className != null ? ' ' + this.props.className : '') + (isEmpty ? ' empty' : '')} dangerouslySetInnerHTML={{__html: ' ' + markdown(content)}}/>
<div onDoubleClick={e => this.handleDoubleClick(e)} className={'MarkdownPreview' + (this.props.className != null ? ' ' + this.props.className : '') + (isEmpty ? ' empty' : '')} dangerouslySetInnerHTML={{__html: ' ' + markdown(content)}}/>
)
}
}
MarkdownPreview.propTypes = {
onDoubleClick: PropTypes.func,
className: PropTypes.string,
content: PropTypes.string
}

8
browser/main/HomePage/ArticleDetail/index.js
View File

@@ -264,6 +264,12 @@ export default class ArticleDetail extends React.Component {
}
}
handlePreviewButtonDoubleClick (e) {
this.setState({
previewMode: false
})
}
render () {
let { folders, status, tags, activeArticle, modified, user } = this.props
if (activeArticle == null) return this.renderEmpty()
@@ -354,7 +360,7 @@ export default class ArticleDetail extends React.Component {
{status.isTutorialOpen ? modeSelectTutorialElement : null}
{this.state.previewMode
? <MarkdownPreview ref='preview' content={this.state.article.content}/>
? <MarkdownPreview ref='preview' onDoubleClick={e => this.handlePreviewButtonDoubleClick(e)} content={this.state.article.content}/>
: (<CodeEditor
ref='code'
onChange={(e, value) => this.handleContentChange(e, value)}