zoukankan      html  css  js  c++  java
  • 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','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. 预览页面如下去可以使用了呵呵
  • 相关阅读:
    JetBrains全家桶破解-Golang-Pycharm-IDEA等-不分平台
    k8s node update kernel
    k8s 图解
    k8s孤儿卷的问题
    k8s相关工作中常用命令
    AMQ死信引发宕机的问题
    StackStorm简介之actions
    DRF 使用入门
    python装饰器的简单实用
    type和object的关系
  • 原文地址:https://www.cnblogs.com/clc2008/p/2070080.html
Copyright © 2011-2022 走看看