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. 预览页面如下去可以使用了呵呵
   

转载于:https://www.cnblogs.com/clc2008/archive/2011/06/02/2070080.html