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 +21
-23
lines changed
examples/add-video-block/src Expand file tree Collapse file tree 1 file changed +21
-23
lines changed Original file line number Diff line number Diff line change @@ -28,30 +28,28 @@ class UnstyledBlock extends Component {
2828 return (
2929 < div className = "paragraph" >
3030 < EditorBlock { ...this . props } />
31- { insertLink === true &&
32- block . getText ( ) . length === 0 && (
33- < div contentEditable = { false } className = "insert-link-placeholder" >
34- Paste a youtube link
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
3540 </ div >
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- ) }
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+ ) }
5553 { showMenu && (
5654 < aside contentEditable = { false } className = "block-menu" >
5755 < button onClick = { ( ) => this . setState ( { insertLink : true } ) } >
You can’t perform that action at this time.
0 commit comments