PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

Adophper » 前端设计 » kindeditor编辑器配置,html轻量级编辑器配置,网页在线编辑器配置

kindeditor编辑器配置,html轻量级编辑器配置,网页在线编辑器配置

在做项目的时候一般都要用到编辑器,查查现在流行的编辑器kinkeditor编辑器,使用的系统还是很多,些编辑器说大也不大,说小也不小,解压了1M多. 今天看看我在项目中用到的编辑器kindeditor的配置等信息. 首先引用js [js] <script charset='utf-8' src='/Editor/kindeditor.js'></script> <script charset='utf-8' src='/Editor/lang/zh_CN.js'></script> [/js] 这两个是没发少的! 我是将配置方件写到另一个js里的,因为我对起显示的一些item做了修改, [js] <script id="_getsrc" src="/Js/keditor.js?id=remark"></script> [/js] 其中id后面跟的是textarea的id值,再看一下keditor.js里面的设置. [js] //para asName String:要得到的参数名 //para lsURL String:要处理的URL值 //这个函数是在html传参数函数基础上改的 function getUrlParameter(asName,lsURL){ loU = lsURL.split( "?"); if (loU.length> 1){ var loallPm = loU[1].split( "& "); for (var i=0; i <loallPm.length; i++){ var loPm = loallPm[i].split( "="); if (loPm[0]==asName){ if (loPm.length> 1){ return loPm[1]; }else{ return " "; } } } } return null; } //_name是包含此文件的 <script> 的id值 var v = document.getElementById("_getsrc"); //下面的name是url中的参数名 //alert(getUrlParameterAdv( "name ",v.getAttribute( 'src '))); var id = getUrlParameter("id",v.getAttribute('src')); var editor;//初实化编辑器 KindEditor.ready(function(K) { editor = K.create('#remark', { items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link', 'code'] }); }); [/js] 对需要的items就可以在这里进行修改,一般把常用的那几个开启就行了! 其实现在百度和阿里空间的编辑器还不错,就是没有找到那样大气和美观的编辑器,可能要比kindeditor小好多! 如果你有好的网页在线编辑器,而且是轻量级别的请不要小气,发封邮件给我!谢谢!

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.