网页黑白

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter:
grayscale(100%); filter: url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg'>
	<filter id='grayscale'>
	<feColorMatrix type= 'matrix' values= '0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>
#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1); } #grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1); }

 

KindEditor 小记

插件编写:

http://www.kindsoft.net/ke4/examples/custom-plugin.html

查看顺序:配置(items)>脚本(对应的目录,单击是直接调用目录下的脚本)>样式(主要显示图标)

this  变量的指针指向 当前的editor

弹出dialog:

http://www.kindsoft.net/docs/dialog.html

两种,这种直接显示,不用通过对像

缺点,不支持指定对象显示。可以尝试 $(“obj”).html()插入 Y(^_^)Y

 

 

简单在线编辑器

http://www.cnblogs.com/keepfool/archive/2011/12/21/2295335.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KF富文本编辑器</title>
<script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js">
</script>
<script type="text/javascript">
$(function(){
    $d = $("#editor")[0].contentWindow.document; // IE、FF都兼容
    $d.designMode="on";
    $d.contentEditable= true;
    $d.open();
    $d.close();
    $("body", $d).append("<div>A</div><div>B</div><div>C</div>");

    $('#insert_img').click(function(){
        // 在iframe中插入一张图片                                   
        var img = '<img src="' + $('#path').val() +'" />';
        $("body", $d).append(img);
    });

    $('#preview').click(function(){
        // 获取iframe的body内容,用于显示或者插入到数据库
        alert($('#editor').contents().find('body').html());
        $('#preview_area').html($('#editor').contents().find('body').html());

    });
});

</script>
</head>

<body>

<p><iframe id="editor" width="600px" height="200px" style="border:solid 1px;"></iframe></p>
<input type="text" id="path" value="http://www.google.com/images/errors/robot.png"/>
<input type="button" id="insert_img" value="插入图片" />
<input type="button" id="preview" value="预览" />

<p style="border: 1px dashed #ccc;" id="preview_area"></p>

</body>
</html>

 

easyui 小记

easyui带来的便利性不言而喻,但是相对的,如果一些叼难的问题和一些冲突问题,很可能让人抓狂。本篇只做简单记录,主要针对脚本的兼容和冲突。其它不考虑。

ie6中的变量名的注意。首先要说的一点就是ie有个很奇怪的地方,或者说。ie本身就是怪异的存在 。。

js中变量名尽量不要用可能是系统的变量名。如state length 这些。具体原因不名。只是做个小记,用了这些名,程序很可能会运行异常,但是又不知道为什么。

关于异常的处理。

try{
//error
}catch(e){
}

跳过。或者跟据浏览器做单独的特殊处理。

上次就搞个360,很吐血的,它用ie6的内核但是usergent竟然显示ie8.这么坑爹有没有。

针对ie6的问题还差点成绝症,最后还是直接用这招。。

与 thickbox.js的冲突问题。

关闭图片时,全屏变白

function tb_remove() {
 	$("#TB_imageOff").unbind("click");
	$("#TB_closeWindowButton").unbind("click");
	$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
	$("#TB_load").remove();
	if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
		$("body","html").css({height: "auto", width: "auto"});
		$("html").css("overflow","");
	}
	document.onkeydown = "";
	document.onkeyup = "";
	return false;
}

去掉

$("body","html").css({height: "auto", width: "auto"});

 

kindEditor 全屏异常

kindeditor.js 4862行,把’height’ : ‘1px’, 给注释掉

正则

基础

http://deerchao.net/tutorials/regex/regex.htm#metacode

完善匹配中文的Php正则表达式

http://www.php100.com/html/webkaifa/zhengzebiaodashi/2011/0213/7513.html

php提供的原生处理编码的正则

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php

$string=" (包含首月600分钟区内语音、300M流量、100条短信、免6元手机邮箱)";
mb_regex_encoding("UTF-8");
mb_ereg_search_init($string);
//mb_ereg_search("(d+)(分钟|M|条|元)");
echo "<pre>";
while($match = mb_ereg_search_regs ("(d+)(分钟|M|条|元)([^、)]+)")){
	var_export($match);
};
exit;
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><pre><?php
// 零宽断言,需要理解的是间隙
//特别注意零,这种是间隙,表示匹配但不包括
preg_match_all("/ab(?=c)/", "abc abd",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => ab
        )

)
 */
//间隙后不是什么
preg_match_all("/ab(?!c)/", "abc abd",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => ab
        )

)
 */
//括号不包括
preg_match_all("/ab(?:c)/", "abc abd",$data);
print_r($data);
/**
 * //这个和上面是没有关系的,只是顺便做补充
Array
(
    [0] => Array
        (
            [0] => abc
        )

)
 */
//包括间隙
preg_match_all("/ab(?>c)/", "abc abd",$data);
print_r($data);

echo "负向0宽断言<BR>";

preg_match_all("/(?<=c)ab/", "cab dab",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => ab
        )

)
 */
preg_match_all("/(?<=c)ab/", "<=cab dab",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => <=cab
        )

)
 */

preg_match_all("/(?<!c)ab/", "<=cab dab",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => <=dab
        )

)
 */
preg_match_all("/(?:<=c)ab/", "<=cab dab",$data);
print_r($data);
/**
 * Array
(
    [0] => Array
        (
            [0] => <=cab
        )

)
 */

exit;

匹配多个不相同字正则 ,有人说无解呀~

$s = "abcd1231daaa23abcxde23abcdeef3abcdefg3abcdefgh3abcdefghi3abccdefghij";
$flag = preg_match_all ( '/([a-z])(?!1)([a-z])(?!1|2)([a-z])(?!1|2|3)([a-z])(?!1|2|3|4)([a-z])(?!1|2|3|4|5)([a-z])/', $s, $result );
var_export ( $flag );
var_export ( $result );
/**
 * array ( 
 * 0 => 'abcdef',
 *  1 => 'abcdef', 
 *  2 => 'abcdef', 
 *  3 => 'abcdef',
 *  4 =>'cdefgh', )
 */

补充替换反斜杠   =>

$value=preg_replace("/\\/", "", $value);