summernote网页编辑器嵌入视频

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里面就行了.