阿潘道

flex的富文本编辑器解决方案

panhezeng — Fri, 16 Jul 2010 05:24:27 +0000

在这次用flex开发网站管理台项目中，开始是用tourdeflex中adobe提供的高级TLF editor，解决了汉化，上传文件等问题后，死在了无法插入html的table表格这问题上。

最后还是使用JS编辑器，找到了aboutme的文章，可他提供的方案，在IE下都有些问题，ckeditor版在IE下直接无法使用，他也没有更新，自己研究了下他的代码，太复杂了。放弃。

只好用iframe外调了，找到了flex-iframe项目。因为自己用的wordpress是用tinyMCE，所以心血来潮放弃ckeditor。把tinyMCE都部署好后，才发现他的上传插件是要收费的，找了些免费的都不满意，有好的也只有PHP平台的。

只好用回ckeditor，虽然他也有跟tinyMCE学习的趋势，分离出上传功能，做成插件ckfinder，并且也收费，庆幸的是还有免费的用，而且有多个平台版本。

下面给出我的整合好的代码，就一个主MXML和ckeditor的html，flex-iframe，ckeditor，ckfinder的部署，自己去看官方文档吧。因为我最终数据都是通过flex提交服务器，所以必须有get和set编辑器内容的方法，还好flex-iframe已经提供了flex和iframe页面通信的方法，而ckeditor也提供了获取和设置内容的方法，请参考他们给的实例。下面演示代码中的两个按钮，在我实际项目中不需要。

iframe.mxml

"1.0" encoding="utf-8"?>
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:flexiframe="http://code.google.com/p/flex-iframe/"
minWidth="1000" minHeight="1000">
>
[CDATA[
import mx.controls.Alert;
import mx.events.FlexEvent;

private function button1_clickHandler(event:MouseEvent):void
{
ckeditorIFrame.callIFrameFunction('GetContents',null,getContentsResultHandler);
}
private function getContentsResultHandler(result:Object):void
{
Alert.show(result.toString());
}

protected function button2_clickHandler(event:MouseEvent):void
{
var test:String = '

Just click the >Image> or >Link> button, and then >"Browse Server">.>';
ckeditorIFrame.callIFrameFunction('SetContents', [test]);
}

]]>
>
>

>
>
id="ckeditorIFrame"
label="ckeditor"
source="ckeditor/ckeditor.html"
width="500"
height="450"
overlayDetection="true" />
click="button1_clickHandler(event)"
label="call 'GetContents()'"
width="200"/>
click="button2_clickHandler(event)"
label="call 'SetContents()'"
width="200"/>
>
>

ckeditor.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CKEditor</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
<script src="ckeditor.js" type="text/javascript"></script>
<link href="ckeditor.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//[CDATA[

// The instanceReady event is fired when an instance of CKEditor has finished
// its initialization.
document.SetContents = function (_value)
{
var oEditor = CKEDITOR.instances.editor1;
var plainArea = document.getElementById('plainArea');
plainArea.value = _value;
var value = plainArea.value;
// Set the editor contents (replace the actual one).
oEditor.setData(value);
}
document.GetContents = function ()
{
// Get the editor instance that we want to interact with.
var oEditor = CKEDITOR.instances.editor1;
// Get the editor contents
return oEditor.getData();
}

//]]>
</script>

</head>
<body>
<noscript>
<p>
<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
support, like yours, you should still see the contents (HTML data) and you should
be able to edit it normally, without a rich editor interface.
</p>
</noscript>
<form action="#" method="post">
<textarea id="editor1" name="editor1"></textarea>
<script type="text/javascript">

// This is a check for the CKEditor class. If not defined, the paths must be checked.
if ( typeof CKEDITOR == 'undefined' )
{
document.write('加载CKEditor失败') ;
}
else
{
var editor = CKEDITOR.replace( 'editor1' );
// Just call CKFinder.SetupCKEditor and pass the CKEditor instance as the first argument.
// The second parameter (optional), is the path for the CKFinder installation (default = "/ckfinder/").
CKFinder.setupCKEditor( editor, 'ckfinder' ) ;

// It is also possible to pass an object with selected CKFinder properties as a second argument.
// CKFinder.SetupCKEditor( editor, { BasePath : '../../', RememberLastFolder : false } ) ;
}

</script>
<textarea id="plainArea" style="visibility:hidden; display:none;"></textarea>
</form>
</body>
</html>

在Flex4的Module中使用Alert

panhezeng — Fri, 02 Jul 2010 10:45:14 +0000

用flex4开发一网站后台，今天遇到一个问题，很诡异，写了个自定义上传图片的组件，用在模块里面，然后再加载主文件后，出现异常。于是试了试，直接把组件放在主文件，发现正常，并且模块里面的同一组件也好了。崩溃。

主文件去掉那个组件后，模块里的继续异常，反复折腾后，检查发现上传成功了，就是Alert的样式没有了，全部堆上顶上方中间。猜想可能是Alert的问题。

于是直接在模块中使用Alert测试，果然，样式出错，崩溃，搜索之，看到这个帖子
Flex4 Module中不能Alert？

在仔细阅读了flex4语言参考里面关于Alert,ApplicationDomain等相关内容后，按里面编程浪子的方法修改，有变化，Alert组件的半透明白色背景出现了，可是主体部分还是堆在上方，崩溃。

于是又试了jialong的方法，修改Alert.show的第四个参数parent:Sprite为Sprite(FlexGlobals.topLevelApplication),直接报错，没有FlexGlobals这个东西。

几乎放弃，看某篇文章，发现Alert.show的第四个参数用的this。修改试之，好了。喜极而泣。

发现如果去掉编程浪子那些东西，只是show加this,Alert主体正常，但是大背景没有，并且按钮颜色也不正常。

感谢qiushuli，编程浪子，jialong。同事帮搜英文，说是adobe说这就是个BUG。郁闷。

好了，给出我的代码，编程浪子用的是ModuleLoader，我的项目用的是IModuleInfo和ModuleManager，看手册发现ApplicationDomain.currentDomain都是加在load方法里面。

Main.mxml

xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)">
>
[CDATA[
import mx.controls.Alert;
import mx.core.IVisualElement;
import mx.events.FlexEvent;
import mx.events.ModuleEvent;
import mx.modules.IModuleInfo;
import mx.modules.ModuleManager;

import mx.managers.PopUpManager;
private var pop:PopUpManager = new PopUpManager();
private var info:IModuleInfo;
private var welcome:IVisualElement;
private function application1_creationCompleteHandler(event:FlexEvent):void
{
loadModule("WelcomeModule.swf");
}
private function loadModule(url:String):void
{
info = ModuleManager.getModule(url);
info.addEventListener(ModuleEvent.READY, moduleEventHandler);
info.load(ApplicationDomain.currentDomain);
}
private function moduleEventHandler(event:ModuleEvent):void
{
welcome = info.factory.create() as IVisualElement;
moduleContainer.addElement(welcome);
info.unload();
}
]]>
>
id="moduleContainer" x="0" y="0" />
>

WelcomeModule.mxml

"1.0" encoding="utf-8"?>
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
layout="absolute" width="400" height="300">
>
[CDATA[
import mx.controls.Alert;
protected function openAlert_clickHandler(event:MouseEvent):void
{
Alert.show("成功", "模块使用Alert", Alert.OK, this);
}

]]>
>
id="openAlert" x="10" y="10" label="模块使用Alert" click="openAlert_clickHandler(event)"/>
>

我又开始更新twitter了

panhezeng — Tue, 25 May 2010 02:11:00 +0000

因为有自己的blog，twitter没墙的时候，也懒的跑twitter网站上去更新，专门的客户端也不想用，一个字“懒”。

后来用ping.fm的gtalk机器人更新，结果没多久这机器人就死翘翘了。

自此再也没更新过twitter。

国内现在微博越来越多，更懒的用，但自从google跑香港后，开始考虑备用产品，还是懒，还是用腾讯的吧。

现在基本是谷歌的gtalk,gmail,greader和腾讯的qq,qmail,qreader并用。

腾讯也出微博了，其实原来邮箱里就有个广播的东西，跟微博差不多。

于是搜了搜，看有没有好的，适合懒人用的更新方式，于是发现了Steven Wang开发的gtalk机器人。

项目页面猛击这里–围着脖子推。

详细使用教程，猛击这里《如何通过Gtalk机器人更新腾讯微博、twitter、新浪微博》。

因为腾讯微博的不稳定，暂时停止了同步，具体请关注Steven Wang的博客吧。

希望Steven Wang把这个机器人一直维护下去，别再死翘翘了。

劳动者之歌

panhezeng — Fri, 23 Apr 2010 03:31:54 +0000

我们一起闯码头呀，马上要和你分手，催人的汽笛淹没了哀愁，止不住的眼泪流，不是哥哥不爱你呀，因为我是农村地。一年的收入只能养活自己，哪里还能顾得上你。我要为你去奋斗哇，再苦再累不回头，只要你耐心把我来等候，总有一天会出头，等到我搬到城里去呀，开着大奔来接你，到那个时候，把你接到城里，再叫一声亲爱地；到那个时候，把你接到城里，再叫一声亲爱地；到那个时候，把你接到城里，再说一句我爱你。

这首歌有很多其他版本，但是这个版本是最好的。

任何人只要努力工作生活，追求幸福、爱情等一切美好的东西，都是伟大的。

以前看到大马路上，白发苍苍踩三轮车，拖板车，上面装满了高高的货物，拼命上坡时，我都会心里很难受。

最近慢慢的进入了另一种状态，看到这些时，不再是难过，而是激励，是敬佩，是鼓舞，是感动。

不管遇到什么事，处于什么境地，都要努力活着，好好活着，快乐活着，还要活的更好。

不需要怜悯，不需要救世主，用自己的汗水换来自己的美好生活。

保险的变质和银行的出卖

panhezeng — Thu, 15 Apr 2010 09:55:08 +0000

今晚拿社保本时，又仔细读了中美大都会的保险合同。

这个保险是08年买的，当年太嫩，没有顶住招商银行信用卡理财中心推销员小姐的巧舌。

当时只觉得这保险在期满后会全额返回保费，并且有分红，交费10年也不算太长，就当存钱了。

08年夏天很热，十天的犹豫期也就头昏脑热的过去了。其实在这之前，还是用深发信用卡的时候，深发的人就打电话卖我招商信诺的保险，看出来了吧，资本家都是一伙的。更嫩时的我自然更是买了。可是当时生存都是个问题，而这保费也是有进无出。在十天之内，立马终止了合同，并在不久后连深发卡都不要了。

买这个什么鸟真心关爱定期保险快两年了，这期间还接过几次招行的骚扰电话，其中一次是交费差不多一年时，还是那娘们，想要我升级，此时的我，社会斗争经验已有了质的飞跃，自然没被她忽悠。

其实主要原因是，每月近五百的保费，已经让人很不爽了，工作都敢不随便辞了。

这期间也发现些问题，这个保险合同的主险是返还保费的，可附险是不返的，每月几十块打水漂了。保险公司真是阴险呀。也想过退保，可是损失太大，有一同事，也被人忽悠买过保险，后来退了，一千多退了二百多。黑吧，原来我也这么觉得，谁知道来了个更黑的。

直到今晚细读合同前，还以为我这个估计也差不多，百分之二十左右。可是我错了，虽然原来也细读过合同，可显然当时没读懂，还傻呼呼的以为懂了。按这个合同的说法，叫做现金价值率，合同是直接列出每年多少钱，算了下比例，五百分之一，也就是反悔的话，五百块只能拿回一块。崩溃。

今晚细读，真是风起云涌。刚读时，想到以前就一直没看到哪里说返还保费了，翻来复去在保险责任下找到了，吓得我差点就打电话去理论了，这帮大骗子。

在保单期满后，110%返还，还不错。看完紧跟其后的文字后，才知道主险只是保人命的，死了才赔，缺胳膊断腿是一毛都没有的，学名叫身故险。那个附加险才是保所谓28个重大疾病的。

又仔细看了看那28种情况，觉得就深度昏迷，双目失明，瘫痪，脑损伤，三级烧伤，这些在我四十岁之前发生机率大些，本来还有个植物人，可我实在没看出和深度昏迷的区别。可是又仔细想了想，如果你只是瞎了一只眼，是不算双目失明的，如果你只是断了一只腿，是算不上瘫痪的，要两只以上。唉，反正都是按最严重的情况来定义的，要是只赶上一半严重，自认倒霉吧。

十年主险保费是52008，返回110就是57208，多挣五千多，可是别忘了附加险，十年保费是5208，刚好是那百分之十，那帮龟孙子真是算绝了。

如果取消附加险，那不就挣了？打电话回答是不能。不服不行。

还好有点红利，不过还赶不上存银行的利息了。

牛人同事说，在中国，两样东西千万别买，彩票和保险。

只有股票和房子是希望，没钱炒股，有钱炒房。

清明节回顾，第一天，登山

panhezeng — Mon, 12 Apr 2010 14:49:04 +0000

早上五点，手机定的闹钟总算响起，马上起来。

为何要说总算，因为要在7点之前，赶到玉渊潭西门集合。第一次参加自然之友登山队的活动，难免有些紧张，怕去晚了。定了闹钟，还不放心，倒不是怕响了，起不来，而是怕不响。不怕一万就怕万一。对于紧张的事，总是像得了强迫症一样。

又在电子表上定了闹钟。这个功能还没用过，正好试试。弄好双保险，也没睡踏实，凌晨三点多醒了一次。后来一直睡得很轻，早上闹钟响时，立马起来，睡梦中就等着闹钟响呢！响了一下轻松起来。收拾完毕，才发现表的闹钟没响，可能没设置好。

到楼下才五点半，就去吃个早点，早点摊也刚出来，来了笼包子，喝碗粥。

看着他们忙活，突然有些难受，做早餐是很辛苦的。吃完出来时，炸油条的桌子才刚拎出来。

走到华联时，给超市送货的车已经在卸货了，都是辛苦的人呀。

坐上300，这回真是坐300了，没站着。上车时看了表，快到六点，到航天桥时，竟然才六点十八，比我预估的快了半小时。不堵车的话，还真是快呀。

走到西门，见到一高个胖小伙，看打扮应该是参加活动的，看他带着耳机就没和他打招呼，看一大巴停路边，估计就是队里租的车，走近发现车上没人，车门锁了，回头发现一男人来回渡着步，估计就是司机。看时间还早，就去了趟卫生间。

回来时，已经快到七点，在过天桥时碰到魏领队，一起走往大巴，那已经站了好多人。七点半车才出发，总有些迟到的人。

走的路和去延庆的公交一样，八达岭那一段很堵，到目的地已经十点多。从七点半到十点，这两个半小时，看完一本小册子，听了一些话，发了一会呆。

车刚开了一会，有人给我们新人发了一本自然之友登山队登山手册，一口气读完了。读急救部分时，觉得人真是脆弱，如果真出现这些情况，多数人估计都会不知所措吧。最后一页列了个书单，小册子内容基本都是从这些书里抄的。才不到一周，又看到《完全图解野外求生宝典》这本书，上周参加〝地球一小时〞读书会活动，有个小朋友推荐这本书。有时间这几本书都借来读读，如果图书馆有的话。

在车上几个老队员，包括领队曲老师，讲了些话，都是些关于自然之友登山队的话题，来龙去脉，做过的事，这些网上都写了。还说到有位老队员，就在这会儿，我们憋在车上这会，他站在了珠峰顶上。曲老师还透露七月登山队要再次徒步额尔古纳草原十天，名额很少，有兴趣的可以关注。

听到这个很高兴，随之而来的是郁闷，七月没有假，在想要不要报名，如果入选就要把工作辞掉。上次他们有不少人就是为了这辞了工，没辞的都是老师。当老师真是好呀。

发了会呆就到了。下了车，看到一位穿着打扮奇怪的治安员，现在很少见到这般模样的，就算是在农村。带着个迷彩鸭嘴军帽，有点小，头发从两边往外伸着。上身穿着绿军装，里面穿个红袄子，下身穿着灰色西裤，脚穿类似双星那种帆布鞋，手拿一把镰刀，整个人给人感觉又黑又脏。

笑起来牙到挺白，大概是脸太黑称的，感觉还算憨厚。

我以为他只是检查下有没有人带火之类，原来他是向导，也要上山的。就这样跟着他往里走，这山光秃秃的没几棵树，以矮小的灌木为主。三月中回家时，家里的山已有绿意，桃花也开了。这儿还是一片灰土色，没有一丝春意。

想起上周听冯永锋讲的话，写的书。中国生态早已崩溃，《没有大树的国家》。

开始的路还算好走，紧跟向导走在最前面，平常运动太少，开始走得急了就开始喘气，有点跟不上了。在第一个岔路口，前面都停下来，等人齐了再走。

调整了一下，再出发时，有意识的放慢速度，保持在中间稍后的位置。

有两口子特好玩，男的很瘦，女的很胖。男的很要强，不愿意落后面，但女的体质不太好，走会就要歇会，男的干着急，但还是一直扶着一起走，只能是不停的鼓励，甚至有些强制，说是潜能是要激发的，就这样半扶半挟着，到还走的挺快。

从第一个路口开始，就不太好走，主要是山路还有冰雪。听向导说，这雪白天温度升高时化水，可是还没化多少，晚上水又结冰了。就这样要到五月份的样子才能化完。今年北京雪下的多又大。

其实有雪的路还是好走的，可是多数都是硬邦邦的冰，太滑，而且还正在化水，冰和泥混在一起。

有一段路还真是挺危险的，路是绕着山腰横行方向，从山坡凿出来那种，结果雪把路填起来了，又变成坡面了，在这半山腰上，山坡挺陡挺深的，这要是滑了下去，断几根骨头还是有可能的。

此行最大的错误，就是没有带手套。过这段路时，靠外边路沿的雪已经比较硬，只能尽量用脚踢踏，弄个不那么倾斜的面踩着，身子往里面倒着，手插到雪里，这样慢慢的挪过去。

手冻得还挺疼的，又是雪水又是泥。

过了这一段，后面就没什么了。主要就是冰雪融化，山路泥泞湿滑。

上到破碎的长城时，就快多了。顺着一堆一堆破碎的大小石头铺成的路，很快登上了黄楼洼烽火台，已经破得跟遗址似的。站在这北京境内海拔最高的长城上，除了风吹得更猛了，也没其他什么了，一片荒凉。

在上来时，向导趴在一石堆处，挖着一种植物，说是类似茶叶，很名贵，问具体叫啥，他支支吾吾也没说清楚，要是有植物组的人在应该知道吧。

在台子上和曲老师，还有台湾朋友一起合影。其中一个台湾女生，还真有点原驻民的范儿，挺可爱的。风吹的太厉害，下去找个风小点地方吃饭。吃了三个面包和一盒草莓。曲队已经开始喊话，准备下山了。正好到山顶这会变天了，阴沉沉的，风又大，大家都各自找地方躲起来吃东西，也没怎么互动交流，有些遗憾，匆匆拍了几张合影，就开始下山。

向导说，可能要下雪了，带我们走近道，近道都不是好走的，坡度很大，泥土湿滑，完全靠拽着树叉往下滑，这段近道是此行难度最大，包括我在内的多数人，都滑倒多次，弄得一屁股泥。

我和向导，还有几个人都是比较先下来的，在第二个烽火台等候。向导一直笑，看我们好多人摔了。有时觉得是傻笑，有时觉得是坏笑。后来有人也抱怨向导为啥带这条路。其实也无所谓，这段路在我看来，虽然难走，但不危险，整个行程，就这一段最有意思。

在第二烽火台等了很长时间，真奇怪天气又变好了，好得不得了。

后来又走了一段长城，到第三个烽火台时，就没啥了，开始走回山路，这时已是下午，气温高，雪化得很快，好多路都成小溪了，变成沿着河堤走了。

最难为那一瘦一胖两口子了，男的都是先跑下来，放了东西，再跑上去接女的，还真是厉害。我还开玩笑说，我们是爬一次，你是爬两次呀。后来路稍好走些，他俩到下挺快，女的完全不行了，基本是男的搀着，蹭蹭往下走。

我是最前面一批到停车场的，司机看到我们马上就发动车子。在快到时，我还开玩笑说，司机看到我们肯定高兴的不得了，如果知道后面的估计还要个把小时，估计眼泪一下就下来了。果然如此，听到我们说后面的还早，司机熄了火，一脸痛苦的下了车。

当看到我们一个个像个泥鳅时，表情更沉重了。专门拿出刷子和破抹布，让我们弄干净点。抱怨着说，不愿意拉我们这样的。

还好后面人比我们预计的快些，半个多小时的样子，就都收拾好，回城。

向导是要钱的，100块，这钱觉得应该给，可是每人五块的防火费，简直就是明摆抢钱嘛。也理解这鬼地方，农民要增收确实挺难的，那干脆卖门票得了。

包车一千，还有保险，最后一共是每人40块，非自然之友会员，说是要10块管理费，后来只收5块。

回城很顺，不堵车，不到六点就到了马甸。和一位妹子在北太平桥西下了车，她住蓟门桥。

我从主路坐车回到住处。在华联门口看了会，某影楼的婚纱秀，模特不错。肚子饿得厉害，就去餐馆吃了顿饭。回来洗洗刷刷就睡了。