From fa248b1097cacad4b7f4100e79aa2956d68044ed Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Fri, 19 Jul 2019 11:04:43 +0300 Subject: [PATCH] default image render --- editors/editoria/src/Editoria.js | 28 ++++++++++++---------------- 1 file changed, 12 insertions(+), 16 deletions(-) diff --git a/editors/editoria/src/Editoria.js b/editors/editoria/src/Editoria.js index 9d8e47e33..8b25d68d6 100644 --- a/editors/editoria/src/Editoria.js +++ b/editors/editoria/src/Editoria.js @@ -101,6 +101,16 @@ const StyledWax = styled(Wax)` } `; +const renderImage = file => { + const reader = new FileReader(); + return new Promise((accept, fail) => { + reader.onload = () => accept(reader.result); + reader.onerror = () => fail(reader.error); + // Some extra delay to make the asynchronicity visible + setTimeout(() => reader.readAsDataURL(file), 150); + }); +}; + class Editoria extends Component { render() { return ( @@ -112,22 +122,8 @@ class Editoria extends Component { placeholder="Type Something..." theme="editoria" layout="editoria" - fileUpload={file => { - let reader = new FileReader(); - return new Promise((accept, fail) => { - reader.onload = () => accept(reader.result); - reader.onerror = () => fail(reader.error); - // Some extra delay to make the asynchronicity visible - setTimeout(() => reader.readAsDataURL(file), 1500); - }); - }} - value="<p>hello</p> - <ul><li>listItem 1</li><li>listItem 2</li><li>listItem 3</li></ul> - <table> - <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th></tr> - <tr><td>Jill</td><td>Smith</td><td>50</td></tr> - <tr><td>Eve</td><td>Jackson</td><td>94</td></tr> - </table>" + fileUpload={file => renderImage(file)} + value="" > {({ editor, view, ...props }) => ( <React.Fragment> -- GitLab