您的位置：首页 > 编程技术 > ASP.NET  >  dotnet封装的kindeditor编辑器控件

dotnet封装的kindeditor编辑器控件

 更新时间：2021年9月22日 10:12  点击：2091

KindEditor很不错，刚接触不久，非常喜欢。KindEditor网站有ForPHP等扩展的，没有ForNet的。
我是搞.net开发的，就用它简单封装了一个控件，拖过来即可使用，使用更加简单。源码提供给大家，有兴趣的朋友可以进一步完善。

1、第一次使用，需要配置一下web.config。

复制代码 代码如下:

<configSections>
<section name="KindEditor" type="KindEditorForDotNet.ConfigHandler,KindEditorForDotNet"/>
</configSections>
<KindEditor>
<!--编辑的所在路径-->
<item key="BasePath" value="~/KindEditor"/>
<!--上传文件的路径-->
<item key="UploadPath" value="~/Upload"/>
<!--主题类型-->
<item key="Theme:simple" value="'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'"/>
<item key="Theme:book" value="'forecolor', 'hilitecolor', 'bold', 'italic', 'underline','removeformat'"/>
</KindEditor>

2、然后引用DLL文件，包括KindEditorForDotNet、LitJSON.dll；

3、使有的时候，直接把控件拖到webform中即可，如果控件没有出现在控件栏目，直接引用也可以

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EditorDemo._Default" %>
<%@ Register Assembly="KindEditorForDotNet" Namespace="KindEditorForDotNet" TagPrefix="cc1" %>
<!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>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
说明：该控件继承自TextBox; 可以设置Width、Height、Enabled（是否只读）<hr />
默认风格<br />
<cc1:editor id="Editor1" runat="server" Height="100px" Width="100%"></cc1:editor><br />
自定义风格（风格来自于web.config中配置）<br />
<cc1:Editor ID="Editor2" runat="server" ThemeType="simple" Height="100px"></cc1:Editor></div>
显示字数 （已经输入：<span class="count"></span>）
<br />
<cc1:Editor ID="Editor3" runat="server" ThemeType="book" afterChange="function(){K('.count').html(this.count('text'))}" Height="60px" Width="300px"></cc1:Editor>
<hr />
</form>
</body>
</html>

[!--infotagslink--]

相关文章

  • php KindEditor文章内分页的实例方法

    我们这里介绍php与KindEditor编辑器使用时如何利用KindEditor编辑器的分页功能实现文章内容分页，KindEditor编辑器在我们点击分页时会插入代码，我们只要以它为分切符，就...2016-11-25

  • 超漂亮的Bootstrap 富文本编辑器summernote

    Summernote 是一个简单，灵活，所见即所得（WYSIWYG）的编辑器，基于 jQuery 和 Bootstrap 构建。对bootstrap 文本编辑器相关知识感兴趣的朋友一起学习吧...2016-04-06

  • 帝国CMS会员注册字段增加编辑器、发送短消息改为编辑框

    通过本教程可以实现帝国CMS后台给前台注册用户发消息，把内容输入框改为编辑器，可上传图片，等打开文件\e\admin\member\SendMsg.php 大约84行<textarea name="msgtext" cols="6...2016-01-27

  • ASP.NET百度Ueditor编辑器实现上传图片添加水印效果

    这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料，文中通过图文及示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。...2021-09-22

  • dotnet core链接mongodb代码实例

    这篇文章主要介绍了dotnet core链接mongodb代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-25

  • C# RichTextBox制作文本编辑器

    这篇文章主要为大家详细介绍了C# RichTextBox制作文本编辑器的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • KindEditor编辑器调用方法

    KindEditor编辑器调用方法,这个编辑器可使用到任何语言中,他是一个纯js的编辑器,但它默认的编辑是utf-8如果是gb2312编辑的朋友就是KindEditor.js打开,重保存为gb2312...2016-11-25

  • C#实现简单文本编辑器

    这篇文章主要为大家详细介绍了C#实现简单文本编辑器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • 同一页面放多个百度编辑器 Ueditor 并用PHP获取 Ueditor 的值的实例

    UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果，本文我们解决在同一个页面上如何放多个 UEditor ，然后再用 PHP 接收 UEditor 的值...2016-11-25

  • PHP编辑器PhpStrom运行缓慢问题

    小编推荐的这篇文章介绍了PHP编辑器PhpStrom运行缓慢问题的解决办法，有兴趣的同学快来看看吧 最近在使用phpstorm开发项目的时候，在加载文件运行时，不管有多大，如果项...2017-07-06

  • ArtEditor富文本编辑器增加表单提交功能

    artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。接下来通过本文给大家介绍ArtEditor富文本编辑器增加表单提交功能，对arteditor编辑器相关知识感兴趣的朋友一起学习吧...2016-04-19

  • 浅析Yii2集成富文本编辑器redactor实例教程

    yii2集成另外一个强大好用的富文本编辑器Redactor。接下来通过本文给大家介绍Yii2集成富文本编辑器redactor实例教程，感兴趣的朋友一起学习吧...2016-04-28

  • 如何在sublime编辑器中安装python

    这篇文章主要介绍了如何在sublime编辑器中安装python,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-20

  • dotnet如何将文件删除到回收站

    这篇文章主要给大家介绍了关于dotnet如何将文件删除到回收站的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用dotnet具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2020-06-25

  • php 中调用fckeditor网页编辑器方法

    下面中要在html 中调用就行了 <script src=”fckeditor/fckeditor.js”></script> <script type=”text/网页特效”> function showfck(){...2016-11-25

  • yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法

    这篇文章主要介绍了yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法的相关资料,需要的朋友可以参考下...2016-04-23

  • Unity编辑器下重启的方法

    这篇文章主要介绍了Unity编辑器下重启的方法的相关资料,希望通过本文能帮助到大家，让大家学习理解这部分内容，需要的朋友可以参考下...2020-04-25

  • dotnet封装的kindeditor编辑器控件

    KindEditor很不错，没有ForNet的扩展,我是搞.net开发的,就用它简单封装了一个控件，拖过来即可使用，使用更加简单...2021-09-22

  • 新浪在线可视化编辑器PHP版

    调用 <?php /** * 新浪博客编辑器PHP版封装类调用方法 * */ header(\'Content-Type:text/html;Charset=utf-8;\'); include_once(\'sinaEditor.class.php\'...2016-11-25

  • fckediter、 tiny_mce 编辑器安装方法

    fckediter： 效果图： 用法： 首先去网上下载fckediter，然后按着这四步来： 1.复制fckeditor到网站跟目录下 2.复制fredck.fckeditorv2.dll到bin目录下，再添加引用 3.配web.con...2016-09-20