请教下粘贴图片的优雅处理方式

首页课程实战体系课手记专栏慕课教程

请教下粘贴图片的优雅处理方式

来源：8-5 在 App 中集成文件操作

_广志_

2019-10-20

我用 imageUploadFunction 方式自定义了粘贴图片的处理，先把图片存在了本地，然后想在预览的时候进行预览，但发现跟native的 markdown 编辑器不一样，本地相对路径的图片无法进行渲染
原因其实也很好理解，所以我需要Hook下 editor 渲染图片的方法，但感觉不知道怎么下手去hook，请教下张轩老师和同学们有没有思路~

目前我用的是一个比较挫的办法：webSecurity: false ?

写回答

2回答

张轩

2019-10-20

同学刚才试了一下，你写的非常好，ts用的很溜，在这个情况下，我认为直接使用 chrome 读取本地的文件这样做起来不是完美的解决方案，因为这种做法会有安全问题，可移植性也不太好。我觉得正确的方法是添加一个文件服务器来host 这些图片并且持久化，create-react-app 是本地起的一个服务器，它可以直接 host 静态文件，这是我简单实现的效果： //img.mukewang.com/szimg/5dac2f23092738da13801442.jpg

还有就是既然我们用了七牛云，你完全可以把图片存到对象存储中去，这样就完美结合起来了。

0

5

_广志_

回复

张轩

哦哦，这样子，感谢老师提供第二种思路?，我试试看体验怎么样~ 另外我问题里提到的利用electron的优势，在editor处理markdown的时候或editor渲染markdown转换成的html的时候对图片绘制进行hook，有没有可能呢？这种就跟那些native的markdown阅读器一样了

2019-10-21

共5条回复

张轩

2019-10-20

能否把你的部分代码贴上来看看？

0

2

_广志_

老师久等啦，editor代码在这里哈~ 辛苦老师解惑~ https://github.com/RubiTree/MindEditor/blob/master/src/containers/EditorContainer.tsx

2019-10-20

共2条回复

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1252 学习 · 463 问题

相似问题

Electron 截图

回答 1

老师，我最后一步npm run dist总是报错，麻烦老师帮忙调试一下

回答 2

课程里的讲义在哪可以获取

回答 1

您好，这一课，新建文件当本地文件夹。点击新建输入文件名字，回车保存文件，然后刷新electron在新建保存就会进入程序会卡死。麻烦您能解读下吗？

回答 7

请问一下，为什么我这里使用了bootsrap的样式，但是没有效果呢？

回答 2

打开慕课网App查看更多内容