一般的做网站后台都会用到富文本编辑器，网上也有很多优秀的富文本编辑器，这里是开源中国的富文本编辑器推荐：http://www.oschina.net/project/tag/172/wysiwyg

我用过CKeditor比较庞大，这里我用了一个国产开源的富文本编辑器（JS开发）KindEitor官网地址：http://www.kindsoft.net/

开始前我要说下，开发时最好用最新的KindEitor因为网上有文章说KindEitor3.x-4.1有漏洞例如：

http://www.2cto.com/Article/201207/140017.html

http://www.cnseay.com/504/

官方最目前新版的是：4.1.7 请大家去下载：http://www.kindsoft.net/down.php

好了说了这么进入正题：

下载下来是这样的红线标的是要的文件：

把这些文件复制进入你的项目：

对应的前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="KindEidtor._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>KindEditor测试Demo</title>

    <%--必须引入的对应CSS和JS--%>

    <link rel="stylesheet" href="Editor/themes/default/default.css" />

    <link rel="stylesheet" href="Editor/plugins/code/prettify.css" />

    <script type="text/javascript" charset="utf-8" src="js/jquery-1.8.2.js"></script>

    <script type="text/javascript" charset="utf-8" src="Editor/kindeditor-min.js"></script>

    <script type="text/javascript" charset="utf-8" src="Editor/lang/zh_CN.js"></script>

    <script type="text/javascript" charset="utf-8" src="Editor/plugins/code/prettify.js"></script>

    <script type="text/javascript" charset="utf-8">

        $(function () {

            var editor = KindEditor.create('textarea[name="txtEditor"]', {

                //上传文件管理

                uploadJson: 'handler/upload_json.ashx',

                //文件管理

                fileManagerJson: 'handler/file_manager_json.ashx',

                //编辑器宽度

                width: '700px',

                //编辑器的显示功能

                items:[

                'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',

                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',

                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',

                'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',

                'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',

                'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',

                'flash','insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',

                'anchor', 'link', 'unlink', '|', 'about'

                ]

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div style="margin: 20px auto; width: 800px;">

        <asp:TextBox id="txtEditor" runat="server" style="width:750px;height:450px;" TextMode="MultiLine"></asp:TextBox>

    </div>

    </form>

</body>

</html>

这个例子只有简单的功能，更的配置请看官方的文档：http://www.kindsoft.net/doc.php

KindEditor简单的Demo使用的更多相关文章

  1. C#可扩展编程之MEF学习笔记（一）：MEF简介及简单的Demo

    在文章开始之前,首先简单介绍一下什么是MEF,MEF,全称Managed Extensibility Framework(托管可扩展框架).单从名字我们不难发现:MEF是专门致力于解决扩展性问题的框架 ...

  2. Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(二)

    然后是项目下的文件:完整的项目请看  上一篇 Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(一) 项目下的springmvc-servlet.xml配置文件: ...

  3. MEF简介及简单的Demo

    MEF简介及简单的Demo 文章开始之前,首先简单介绍一下什么是MEF,MEF,全称Managed Extensibility Framework(托管可扩展框架).单从名字我们不难发现:MEF是专门 ...

  4. Spring源码学习：第1步--在Spring源码中添加最简单的Demo代码

    为了最大程度地贴近Spring源码并进行学习,一种比较直接的做法是:直接在Spring源码中加入Demo代码,并进行调试. 参照以前使用Spring的经验,Spring最简单的使用方法是:一个实体类. ...

  5. Dubbo入门—搭建一个最简单的Demo框架

    一.Dubbo背景和简介 1.电商系统的演进 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. a.单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一 ...

  6. Dubbo入门---搭建一个最简单的Demo框架(转)

    Dubbo背景和简介 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. 单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一起,以减少部署节点和成本.  ...

  7. Dubbo简介---搭建一个最简单的Demo框架

    Dubbo背景和简介 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. 单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一起,以减少部署节点和成本.  ...

  8. [MyBean说明书]-如何进行最简单的DEMO

    MyBean是轻量级的.绿色的框架,不需要安装任何的组件和携带任何的其他文件,前 期步骤已经相当精简了,仔细阅读完下面简单的五个步骤,就可以编写基于MyBean的插件: 1.加入Delphi的搜索路径 ...

  9. Python实例---简单购物车Demo

    简单购物车Demo # version: python3.2.5 # author: 'FTL1012' # time: 2017/12/7 09:16 product_list = ( ['Java ...

随机推荐

  1. （转）精通 JS正则表达式

    精通 JS正则表达式 (精通?标题党 ) 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证  ...

  2. CSS块级元素与行级元素（转载）

    块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P".“form"这个块元素比较特殊,它只能用来容纳其他块元素. 如果没有css的作用,块元素会顺序以 ...

  3. 查找Mysql数据库连接jar包和对应的Driver和Url

    以前写jdbc连接向来都是直接copy,对于连接数据库的jar包在哪下载,对应的Driver类是哪一个,数据库连接串怎么找等等都没有做过,今天从零开始整了一遍. 使用的数据库是Mysql 一.已安装了 ...

  4. ComboBox相关操作

    取组合框文本示例: 1 void ShowDlgWage::OnCbnSelendokCombo1() { // TODO: 在此添加控件通知处理程序代码 CString str; int i; i ...

  5. Foj1675数论

    http://acm.fzu.edu.cn/problem.php?pid=1675 首先必须知道一点数论的基本公式 (a-b) %c =0 -----> a%c=b%c 首先通过大数取余求出目 ...

  6. 写一个MyORM--利用反射的方法

    本文的目的是为了更加深刻的理解反射. ORM:Object Relational Mapping对象关系映射,是解决了面向对象语言和关系型数据库不匹配的问题. ORM是一种思想,实现这种思想的技术有很 ...

  7. ubuntu增加工作分区（workspace）命令

    dconf write  /org/compiz/profiles/unity/plugins/core/hsize 3 dconf write  /org/compiz/profiles/unity ...

  8. 认识cocos2d-x jsbinding

    近年来HTML5风起云涌,特别在移动端已经被更多的人熟识.H5跨平台,在线更新等特性,被人们津津乐道.然后就出现了各种H5的框架,甚至多达100种,真是让开发者眼花缭乱,笔者作为一个从事H5游戏开发一 ...

  9. [转] c#多线程(UI线程,控件显示更新) Invoke和BeginInvoke 区别

    如果只是直接使用子线程访问UI控件,直接看内容三,如果想深入了解从内容一看起. 一.Control.Invoke和BeginInvoke方法的区别 先上总结: Control.Invoke 方法 (D ...

  10. laravel中StartSession中间件的问题

    今天使用了laravel的dingoapi插件做了一些功能,但是最后遇到一个问题,我在页面和api的路由组中都加了一个相同的以session为基础的身份验证中间件,然后我以管理员身份登录页面时通过了验 ...