文档章节

KindEditor简单的Demo使用

JavaSwing
 JavaSwing
发布于 2016/11/29 11:09
字数 479
阅读 12
收藏 0

一般的做网站后台都会用到富文本编辑器,网上也有很多优秀的富文本编辑器,这里是开源中国的富文本编辑器推荐: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

本文转载自:http://www.cnblogs.com/zxdBlog/p/3193500.html

JavaSwing
粉丝 21
博文 44
码字总数 8095
作品 0
杭州
程序员
私信 提问
kindeditor php修改上传文件的保存路径

Kindeditor 是一款开源的html编辑器。 我使用的是php版本,修改路径的文件在/kindeditor/php/下的upload_json.php中。 第17行这: //文件保存目录路径$savepath = $phppath . '../attached/'...

Jceee
2014/04/10
2.6K
1
KindEditor的一些缺陷

首先是Java板块的回复中的KindEditor没有插入程序代码的按钮 然后是IE11下的KindEditor点击有弹出层的按钮会有不兼容的情况(KindEditor的官方Demo没有问题) 求修复@红薯...

Shazi199
2014/05/27
317
2
KindEditor在thinkphp上的使用方法

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,且兼容主流浏览器。与ueditor这样的大块头相比,KindEditor的优点是不言而喻的--它体积小,加载速...

网菠萝果
2012/11/20
2.6K
0
kindeditor增加了一个商业授权,可能需要调整概述

KindEditor 默认在 LGPL 开源授权协议下发布,免费使用 KindEditor 必须遵守 LGPL 开源授权协议。 同时,KindEditor 为商业用户准备了 商业授权协议,获得商业授权之后,不受 LGPL 开源授权协...

戴威
2011/04/26
701
6
.NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

  KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无...

80368704
2018/06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

postman批量测试

postman批量调用: 先单个调用,成功了 再save为collection 再点击三角形,点击run 设置1000次,run就可以 见《postman批量测试.docx》

Danni3
20分钟前
7
0
js 对象操作 js 对象和对象赋值 去除关联性 对象原型操作 把一个对象A赋值给另一个对象B 并且对象B 修改 不会影响 A对象

当我们在项目需要 复制一个对象到另一个对象并且 被复制的对象不能受复制后的对象的影响。 我先总结下 我们哪些方法可以复制对象 // 直接赋值var obj1 = { a: 1 };var obj2 = obj1;...

xiaogg
21分钟前
5
0
Go微服务全链路跟踪详解

在微服务架构中,调用链是漫长而复杂的,要了解其中的每个环节及其性能,你需要全链路跟踪。 它的原理很简单,你可以在每个请求开始时生成一个唯一的ID,并将其传递到整个调用链。 该ID称为C...

倚天码农
35分钟前
4
0
QML笔记-对QML中信号与槽的基本认识

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/qq78442761/article/details/90753986 目录 基本概念 演示...

shzwork
42分钟前
5
0
SSH安全加强两步走

从 OpenSSH 6.2 开始已经支持 SSH 多因素认证,本文就来讲讲如何在 OpenSSH 下启用该特性。 OpenSSH 6.2 以后的版本多了一个配置项 AuthenticationMethods。该配置项可以让 OpenSSH 同时指定...

xiangyunyan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部