summernote是一个比较好用的html网页编辑器,开源,所以我们可以用与正当的商业用途.今天我有一项工作是在这个编辑器中插入视频.
新版的summernote是可以插入视频的.但是默认的情况下,我们是只能插入四个网站的视频.
分别是:YouTube, Vimeo, Vine, Instagram, or DailyMotion.
秘密就在于summernote.js这个文件里.在这个文件对插入视频的url进行了正则匹配.
所以啊,我们就不能够插入 诸如 youku 等网站视频.
但是我们可以通过修改summernote.js的源代码,增加对 国内有些网站的支持匹配.就拿youku来讲.
需要修改两个地方:
1\
2\
为什么这个修改, 该怎么修改, ?
这个过程的分析很重要, 首先你的去youku网站, 点开一个视频网址. 但是记住,这个不是我们能够嵌入视频的地址.但是和我们嵌入视频有关系.
有什么关系,有某种映射关系.
首先, 点开一个视频.
打开chrom调试器 ctrl+shift+c
找到你的视频地址, 注意到了吗,有一段字符串就代表了你的唯一视频.
XNzA5NDI2ODcy这个字符串就是了,我们的视频id,然后你配置正则表达式,写道summernote.js里面就行了.