图片上传图标替换
tinymce的上传图片功能,是通过点击toolbar 的图片图标,然后出现一个dialog,这个dialog 承载了几个功能
- 直接上传图片图标
- 粘贴图片URL
- 显示图片宽高
- (这个图标其实包含了一个非常重要的隐藏功能:图片被选中时,该图标高亮),产品提出诉求:点击图片,直接选择文件上传 & 对工具栏图标进行美化替换,其实这样丢失了一部分功能:图片选中时,快速修改图片大小是通过拖拽来修改,不太方便通过输入框调整大小
- 这块可以通过交互优化来调整,一个方向:选中图片的时候,出现一个小的 tooltip/dialog,显示 网址、宽、高对应的输入框,以支持快速调整和保留原有功能,如下(来自Medium,一文回顾 Medium 发展史 - 知乎 (zhihu.com))