上海ABC > 服务器 > 服务器技术 > php程序发布
轻量级html在线编辑器widgEditor  

点击数:88  |   回复数:0   |   最后回复发表于2009.08

1
宁采臣
发表于 2009.08.23 23:24:55
 

前几天专门找过Web上用的编辑器,即 Web HTML Editor,当时找到了有好几款开被选.在一个论坛的讨论中发现了widgEditor,以小巧、快速、规范著称,正符合我的需求。

按照它的ReadMe进行安装,非常简单,几分钟后我的Blog就用上了widgEditor。下面简要说一下:

1、下载widgEidtor到本地(废话:-)),是一个zip包,解压到Web项目的目录下

2、在要用到这个编辑器的页面头部加入CSS和JavaScript的链接,例如:
<link href="/widgEditor/css/widgEditor.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" src="/widgEditor/scripts/widgEditor.js"></script>

3、给要转变成widgEditor的任意textarea标签加上 class="widgEditor" 的属性,例如:
<textarea rows="20" cols="55" name="content" class="widgEditor"></textarea>

4、已经可以用了,用浏览器打开相应页面看看

5、要配置显示风格,请编辑css/widgEditor.css文件,要定制功能,编辑scripts/widgEditor.js文件。建议把widgAutoClean设成true,这样编辑时可以得到很好的效果。编辑器里面的内容显示风格由css/widgContent.css控制,最好将它与页面的显示风格保持一致,实现真正的所见即所得,呵呵。

Download

1

发表回复 

  • 您未登录,帖子将以匿名回复。设置昵称 | 登录 | 注册
  • 是否将文章中的外部图片采集回来(网速慢时,很影响速度)

  • 快捷键:Ctrl+Enter