一半君的总结纸

听话只听一半君

如何给gmail的网页版编辑邮件窗口里加个删除线按钮还有”插入”图片按钮

lz觉得没有删除线很不爽,lz很传统所以lz使用firefox, 搜了下,好像有个greasemonkey script可以做到,看这里user script mirror gmail strikethrough,但是作者好像弃坑了,总之装上了不能用,有时候刷几下能出来,总之有点问题

lz把他给改了下,做成了能支持多个写邮件窗口的,但是原版中的DOMNodeInserted event不知道为何没效果,lz给改成了click,虽然感觉不太专业,但是勉强能用,求大神指点.此外lz给第二列工具按钮加了个”插入”图片的按钮,其实是把选中的图片url链接改成inline的而已,这在某种奇葩的情况下可能有用,比如当你想插入的图片在 你本人和收件人的机器上都能访问,但是google却访问不了,那么原本的插入图片按钮就用不了了,而gmail又没有直接编辑html的功能.

gfycat

目前有如下问题,不知如何避免,请大神指点

  1. 由于lz把DOMNodeInserted换成了click,所以页面初始显示时没有新增的按钮,必须任意地方点一下才有,这有点奇怪,为何DOMNodeInserted event会没有效果呢?
  2. lz想插入图片以后,自动按下”best fit”按钮,要如何达成呢?
  3. lz想在插入图片的按钮上弹出次级菜单,有100%,50%,best fit等选项,这要如何做到?

lz修改过的此script在此,请看dev branch

ps: 两个图标是flaticon找来的,用下面的script转成了base64编码

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: