Feb26

【原创】electron8安装404问题解决

Author: leeon  Click: 4837   Comments: 1 Category: javascript  Tag: electron

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

在你的工程package.json文件中配置如下正确的elctron下载路径:

同时在你的npmrc文件中配置如下信息:

electron_mirror="https://cdn.npm.taobao.org/dist/electron/"
npm_config_electron_custom_dir="8.0.2"

npmrc文件你可以通过npm config list 命令查看到

Sep17

【原创】TinyMCE开源文件管理插件推荐

Author: leeon  Click: 9767   Comments: 0 Category: javascript  Tag: tinymce,filemanager,responsive

     最近在编写自己的通用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引用,替换一下就好了。

Dec6

codemirror 在隐藏层状态下控件如何激活

Author: leeon  Click: 9137   Comments: 0 Category: javascript  Tag: codemirror

在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);

May29

【原创】CodeMirror中使用shell库ie不兼容解决方案

Author: leeon  Click: 10770   Comments: 1 Category: javascript  Tag: javascript,codemirror,array,indexof

最近需要在项目中使用在线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都能正常使用了!

分类

标签

归档

最新评论

Abyss在00:04:28评论了
Linux中ramdisk,tmpfs,ramfs的介绍与性能测试
shallwe99在10:21:17评论了
【原创】如何在微信小程序开发中正确的使用vant ui组件
默一在09:04:53评论了
Berkeley DB 由浅入深【转自架构师杨建】
Memory在14:09:22评论了
【原创】最佳PHP框架选择(phalcon,yaf,laravel,thinkphp,yii)
leo在17:57:04评论了
shell中使用while循环ssh的注意事项

我看过的书

链接

其他

访问本站种子 本站平均热度:8823 c° 本站链接数:1 个 本站标签数:464 个 本站被评论次数:94 次