程序员：最接近规则的人

今天终于总结出一个很方便的动态化开发方式。

 感觉比JSS，Less sass方便一些。

 需要用到的工具：

 Microsoft Visual Studio 2010
 Aptana Studio 3

 项目介绍：

 1、4个人协同编码，很多时候会多人同时修改同一文件。
 2、模块化
 3、具体见图片说明，有图有真相。

 开始工作：
 问题1——如何减少重复代码书写？
 解决1——模块化

 问题2——如何减少书写copy重复的常见代码？如颜色值，边框等。
 解决2——动态程序化

 我们重点描述【问题2】的解决方法。

 所有公用模块，我们都用html后缀。组装的就用aspx后缀。我们的目的就是利用aspx提供的一些基本的程序化功能。

 如图，为什么我们在html文件里就可以定义变量呢？
 原因很简单，我们最终调用这些公共模块的是aspx。

 有图有真相。

 这些是对html的处理。
 接下来处理css。稍微复杂一些。

 先看图——Aspx后缀的css文件，是不是有些怪异？其实不然，我们目的是为利用aspx的程序化功能来处理css。
 在head里就要这样来引用了。
 <link rel="Stylesheet" type="text/css" href="css/*****.aspx" />
 IE是微软的东西，它是绝对兼容的。
 谷歌就严格一些。在这个写着css代码的aspx文件的第一行要写这样一行代码。
 <%response.ContentType="text/css"%>
 然后看看aspx文件里面是什么样子。

 函数、变量都是可以随便用的，什么循环之类更加不在话下！
 css能用到的也就这些了！
 
 细心的人可能发现了，代码并不高亮。我也很纠结，想在VS2010里配置一下，但是没有找到。有高手请告知！
 为了弥补，我用到了外部编辑器Aptana Studio 3。
 

配置下高亮

 根据下列步骤，达到我满意的效果。

 但是我的页面都是aspx后缀的，移交工作肯定会很郁闷。
 我们最终需要的是全静态的。
 怎么办呢？

 很简单，生产html即可，于是写了一个很简单的生产工具。

最终生成的html代码

 鼠标轻轻一点，立刻实现！快下班了，先写到这里！

先看演示！！

http://z3f.me/demo/20111007TextareaCtrl+Z/

代码相对不多。

 主要的是：

        var log = [];
        $(function () {
            var txt = window.setInterval(function () {
                if (log[log.length - 1] != $("#t").val()) {
                    log[log.length] = $("#t").val();
                }
            }, 1500);
            var isCtrl = false;
            $(document).keydown(function (e) {
                if (e.which === 17)
                    isCtrl = true;
                if (e.which === 90 && isCtrl === true) {
                    log.pop();
                    $("#t").val(log[log.length - 1]).blur();
                }
            }).keyup(function (e) {
                if (e.which === 17)
                    isCtrl = false;
            });
        });

在SQLite下我测试了
SELECT 'A'+'B'
结果为0
select "A"+"1" 结果为1
select "A"+1 结果为1
select 2+1 结果为3

感觉在“+”运算中，SQLite将字符串非数字串都当作0处理了
我怎么用SQL实现该运算

加号就是针对数字的，所以应该用 || 来拼接字符串的结果

select wid||word from table1;

19款javascript富文本编辑器。也许你还有兴趣查看15个基于Web的HTML编辑器和6款所见即所得(WYSIWYG)的在线Web编辑器。

1. AIE (演示地址)

AIE是一个开源的ajax图片编辑器，基于ExtJS与PHP ImageMagick开发，易于与博客/相册等其它应用相集成。提供调整图片大小，裁剪图片，旋转/翻转图片，应用滤镜，添加文本，添加水印等功能。

2. MarkitUp (演示地址)

MarkitUp是一个轻量级，可定制，灵活的WYSIWYG Editor。

3. SmartMarkUP

SmartMarkUP是一个轻量级，强大的JavaScript library，它能够将Textarea控件转换成富文本编辑器。支持html、CSS、XML、Wiki语法、BBCode等，可按实际需求配置。SmartMarkUP没有基于任何javascript框架开发，易于现有项目结合使用。

4. KindEditor

KindEditor是基于浏览器的所见即所得(WYSWYG)HTML编辑器，主要应用于CMS、论坛、博客等WEB程序里。

主要特点：

1) 代码量少，功能比较多。

2) 通过添加plugin的方法，可以自定义功能。

3) 可以删除不需要的plugin，减少文件大小。

4) 可以任意改变编辑器风格，和网站融为一体。

5) 代码容易理解，是一个可维护、可控制的编辑器。

5. Control.Editor (演示地址)

Control.Editor是一个基于Mootools开发的WYSIWYG Editor。

6. Damn Small Rich Text Editor

基于jquery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。

7. EditArea

EditArea是一个javascript源代码编辑器。支持：文本格式化，搜索与替换，实时语法着色加亮。当前支持的语言包括：PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。

8. FCKeditor

FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器，输出符合XHTML1.0标准，支持CSS以便能够与你的网站更好的结合，提供右键操作菜单，支持直接从Word粘贴，可以自己定制功能工具条，支持皮肤更换和通过插件扩展功能等。

9. Free Rich Text Editor

Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码，就能够安装该编辑器。支持以下浏览器：

• Internet Explorer
  • Internet Explorer 6 (Microsoft Windows)
  • Internet Explorer 7 (Microsoft Windows)
• Mozilla firefox
  • Mozilla Firefox 1.5 (Microsoft Windows)
  • Mozilla Firefox 1.5 (Apple Macintosh)
• Opera
  • Opera 9 (Microsoft Windows)
• Safari
  • Safari 1.3 (Apple Macintosh)

10. jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

11. NicEdit

NicEdit是一个轻量级，跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。

12. OpenWYSIWYG

纯javascript开发的，跨浏览器WYSIWYG Editor。只一行简单的代码就能够将标签转换成一个强大的WYSIWYG editor。

13. TinyMCE

TinyMCE是一个开源，纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需求的编辑器。提供汉化语言包。多浏览器支持：Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来保存和加载内容。

14. Yahoo! UI:Rich Text Editor

来自Yahoo! UI库中一个功能强大的Rich文本编辑器。

15. Xinha

Xinha是一个功能强大的WYSIWYG HTML编辑器，支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展，功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。

16. WYMeditor

WYMeditor是一个web WYSIWYM XHTML编辑器。

17. SPAW Editor

又一款可视化在线编辑器.

18. CKEditor (演示地址)

CKEditor是FCKeditor的3.0版本，具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。

19. widgEditor (演示地址)

widgEditor是一个符合WEB标准的，轻量级的文本编辑器，提供用户需要日常所需的功能