wordpress编辑器插件Kindeditor测试

常用wordpress编辑器插件三：Kindeditor For WordPress。

该插件样式跟FCK编辑器比较相似，功能强大，也可以添加多种语言代码并高亮显示，和百度的UEditor不同的是，远程链接图片不需要下载到本地，以节省空间。

缺点：该插件编辑器的html模式和wordpress原始编辑器不兼容，当在html模式中输入代码（style=”display:none;”）时来回切换视图/代码模式，这句代码会消失。

#color-wrapper{
    background-color:#FFF;
  border:1px solid #CCC;
  display:none;
}
#color{
    margin:10px 0 10px 10px;
  border:1px solid #b0275c;
    margin:10px 0 10px 10px;
}

//滚动到目标位置
$.fn.scrollTo=function(options){
	var o={
		navEle:'span',        //要滚动的元素
		scrollEle:'.target',   //滚动到的元素
		speed:300,         //滚动速度  
		listen:true,      //是否监听楼层
		listenClass:'cur', //监听楼层时添加的样式
		offset:0,          //位置偏差调节
		addFuntion: ""     //可追加扩展的方法
	};
	o = $.extend({},o,options);
	var oThis=$(this),
		targetOffset = parseInt($(o.scrollEle).offset().top+o.offset);
	oThis.on('click', function() {
		$("html,body").stop(true, true).animate({
			scrollTop: targetOffset
		}, o.speed);
		oThis.siblings(o.navEle).removeClass(o.listenClass);
		oThis.addClass(o.listenClass);
		o.speed == 0 && $("body").stop(true, true);
		o.addFuntion && o.addFuntion();
	});
	if (o.listen) {
		$(window).on("scroll load", function() {
			if ($(window).scrollTop() >= targetOffset) {
				oThis.siblings(o.navEle).removeClass(o.listenClass);
				oThis.addClass(o.listenClass);
			}                   
		});
	}    
}

  <li>
                    <a href="http://www.jquery123.com/" target="_blank">
                        <h3 class="color-blue-darklight2">jQuery 中文档</h3>
                        <p>jQuery API 中文文档、jQuery CDN（http://www.bootcdn.cn/jquery/）、jQuery 插件、浏览器支持</p>
                    </a>
                </li>
                <li>
                    <a href="http://www.bootcdn.cn" target="_blank">
                        <h3 class="color-green-deep2">bootcdn</h3>
                        <p>Bootstrap中文网开源项目免费 CDN 服务</p>
                    </a>
                </li>