xhEditor 轻量级文本编辑器简单配置

今天遇到一个问题,我后台管理简介部分都是用的textbox ,设置多行,但是客户要求可以换行 并且可以 插入空格,让我很是头疼,如果给他发给cuteEditor,太大,即使去了功能按钮也会觉的大材小用了,没有必要使用CuteEditor,在网上搜来搜去终于知道找到了一款基于jQuery开发的文本编辑器,使用起来特方便灵活,相见恨晚啊。

我就使用了一些最简单的功能。

 

  1. 官网下载最新xhEditor,http://xheditor.com/
  2. 在站点下新建xheditor文件夹,讲下载文件包放至其中 也可以下载我包好的,当前最新版本1.1.7 点击下载
  3. 在线 http://xheditor.com/wizard 生成textarea或者TextBox 的class 样式
    例如: <asp:TextBox ID="tb_me" runat="server"  class="xheditor-mini {skin:'nostyle',width:'350',height:'200',layerShadow:1,forcePtag:false,cleanPaste:3}" TextMode="MultiLine"></asp:TextBox>
  4. 在head中引入
    <link rel="stylesheet" href="xheditor/common.css" type="text/css" media="screen" />
    <script type="text/javascript" src="xheditor/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="xheditor/xheditor-1.1.7-zh-cn.min.js"></script>
  5. 预览页面如下去可以使用了呵呵
posted @ 2011-06-02 23:25  lance2008  阅读(826)  评论(0编辑  收藏  举报