This repository was archived by the owner on May 31, 2020. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +23
-21
lines changed
examples/add-video-block/src Expand file tree Collapse file tree 1 file changed +23
-21
lines changed Original file line number Diff line number Diff line change @@ -28,28 +28,30 @@ class UnstyledBlock extends Component {
2828 return (
2929 < div className = "paragraph" >
3030 < EditorBlock { ...this . props } />
31- { insertLink === true && block . getText ( ) . length === 0 && (
32- < div contentEditable = { false } className = "insert-link-placeholder" >
33- Paste a youtube link
34- </ div >
35- ) }
36- { insertLink === true && block . getText ( ) . length > 0 && (
37- < Fragment >
38- < div contentEditable = { false } className = "insert-link-instructions" >
39- < span className = "fa fa-video" /> Press enter when done
31+ { insertLink === true &&
32+ block . getText ( ) . length === 0 && (
33+ < div contentEditable = { false } className = "insert-link-placeholder" >
34+ Paste a youtube link
4035 </ div >
41- < Plugin
42- handleReturn = { ( event , editorState ) => {
43- onChange (
44- replaceWithAtomicBlock ( editorState , 'video' , {
45- src : block . getText ( ) ,
46- } )
47- )
48- return 'handled'
49- } }
50- />
51- </ Fragment >
52- ) }
36+ ) }
37+ { insertLink === true &&
38+ block . getText ( ) . length > 0 && (
39+ < Fragment >
40+ < div contentEditable = { false } className = "insert-link-instructions" >
41+ < span className = "fa fa-video" /> Press enter when done
42+ </ div >
43+ < Plugin
44+ handleReturn = { ( event , editorState ) => {
45+ onChange (
46+ replaceWithAtomicBlock ( editorState , 'video' , {
47+ src : block . getText ( ) ,
48+ } )
49+ )
50+ return 'handled'
51+ } }
52+ />
53+ </ Fragment >
54+ ) }
5355 { showMenu && (
5456 < aside contentEditable = { false } className = "block-menu" >
5557 < button onClick = { ( ) => this . setState ( { insertLink : true } ) } >
You can’t perform that action at this time.
0 commit comments