分享未来 ^Internet _Technology

electron 安装遇到404，其实这种问题网上说的都不对，什么安装老版本，或者安装cross-env来解决，其实只要你认真看官方文档，就能解决。

官网安装文档：https://www.electronjs.org/docs/tutorial/installation

electron在淘宝上的镜像地址正确的是：

https://cdn.npm.taobao.org/dist/electron/

而不是网上说的：https://npm.taobao.org/mirrors/electron/

这个地址最后组装的版本号会带上一个v，但是这个镜像地址上的路径并不是“v+版本号“

例如我最新安装的electron版本时8.0.2

那么正确的镜像下载地址是：

https://cdn.npm.taobao.org/dist/electron/v8.0.2/electron-v8.0.2-win32-x64.zip

而不是：

 https://npm.taobao.org/mirrors/electron/v8.0.2/electron-v8.0.2-win32-x64.zip

     最近在编写自己的通用CMS系统，编辑器以前都是用的kindeditor，想换换口味，看了下百度推出的ueditor所见即所得编辑器，封装的文件管理插件很差很山寨，连最基本的文件管理删除功能都没有，这样对文件管理就很麻烦，而且还不能提供独立的文件管理功能来管理文件。

    索性研究了一下国外的编辑器，fckeditor/ckeditor编辑的文件管理能力不是很强大，看了下tinymce的文件管理插件相当高端大气上档次！但是他是收费的，没法用呀。搜索了一番发现一个tinymce高度集成的好插件“filemanager4tinymce”，最新的版本名字已经换成“responsive filemanager“名字了， http://www.responsivefilemanager.com/ 这个插件相比官方的收费插件一点都不弱，而且也提供了脱离tinymce对文件，图片，视频的管理能力，这样既可以高度整合到编辑器中，又可以不用在CMS中再写一套文件管理的后台功能，一举两得！

   关于这个插件跨域的问题，和其他编辑器中跨域的解决方案一致，在指定的地方添加document.domain即可，但是要注意他的php代码封装中对jquery和swfupload的js采取了走cdn外链的方式而且走的https协议，这样在国内网速的环境下打开管理页面会非常慢，所以找到 filemanager/dialog.php 文件搜索下里面的js引用，替换一下就好了。

在codemirror的控件加载并隐藏div层中，再次display block的时候textarea加载的codemirror是没有正常激活的，当textarea中有文本内容时同样也无法正常显示。在官方的google groups中开发者给出了使用refresh()方法的提示，但是如果当切换隐藏层到显示层的时候，同时触发refresh方法并不能正常激活textarea重新加载，解决方法是使用timeout函数进行延时加载。

伪代码如下:

var editor=CodeMirror.fromTextArea(document.getElementById('textarea), {
  mode : 'shell',
  lineNumbers : true,
  matchBrackets : true
 });

代码块

$("#div").show()

setTimeout(function(){

editor.refresh();

},200);

最近需要在项目中使用在线HTML编辑器编辑shell脚本，找了几个开源的js库发现codemirror非常轻量级且好用，最近的版本中已经加入了shell的支持，并且支持绝大多数主流的编程语言。但是在ie下调用codemirror提供的shell.js脚本库的时候无法正常使用，调试bug发现都卡在atoms.indexOf这个方法上。

[code="js"]
if (stream.peek() === '=' && /\w+/.test(cur)) return 'def';
if (atoms.indexOf(cur) !== -1) return 'atom';
if (commands.indexOf(cur) !== -1) return 'builtin';
if (keywords.indexOf(cur) !== -1) return 'keyword';
[/code]

搜索了下发现是ie下对数组不能直接使用indexof方法，于是借鉴此文：

http://blog.csdn.net/x123jing/article/details/7064312

的方法在代码头部加上了：

[code="js"]
if(!Array.indexOf)
{
Array.prototype.indexOf = function(obj)
{
for(var i=0; i<this.length; i++)
{
if(this[i]==obj)
{
return i;
}
}
return -1;
}
}
[/code]

于是问题解决，ie，ff，chrome都能正常使用了！