ASP.NET开发之如何在ASP.NET中使用KindEditor编辑器
首先打开KindEditor的官网下载最新版的kindEditor
将KindEditor引用到项目中
引用时直接将KindEditor下载得到的文件夹直接复制到自己的ASP.NET项目中即可。
然后在在项目中进行引用
初始化KindEditor
1.首先在script中初始化编辑器
<script type="text/javascript"> KindEditor.ready(function (K) {editor = K.create('#content1', {//上传处理程序的路径uploadJson: 'kindeditor/asp.net/upload_json.ashx',imageSizeLimit: '10MB', //批量上传图片单张最大容量imageUploadLimit: 30, //批量上传图片同时上传最多个数//文件管理处理程序的路径fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx',allowFileManager: true,//要取值设置这里 这个函数就是同步KindEditor的值到textarea文本框afterCreate: function () {var self = this;K.ctrl(document, 13, function () {self.sync();K('form[name=example]')[0].submit();});K.ctrl(self.edit.doc, 13, function () {self.sync();K('form[name=example]')[0].submit();});},//上传后执行的回调函数,获取上传图片的路径afterUpload: function (data) {alert(data);},//同时设置这里 afterBlur: function () {this.sync();},width: '1000px;',height: '500px;',//编辑工具栏items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', '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', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak','anchor', 'link', 'unlink', '|', 'about']});});</script>
<!--富文本编辑器配置↑-->
2.其次在body中调用
<body><form id="form1" runat="server"><div class="divcontent"><div id="title" style="position:relative;padding-bottom:20px"> 标题:<asp:TextBox ID="biaoti" runat="server" Font-Size="Larger" Font-Bold="True" Width="512px"></asp:TextBox>作者:<asp:TextBox ID="zuozhe" runat="server" Font-Size="Larger" Font-Bold="True" Width="200px"></asp:TextBox></div><textarea id="content1" cols="100" rows="8" style="width: 800px; height: 600px; visibility: hidden;" runat="server"></textarea></div><div class="divfooter"><asp:Button ID="cancel" runat="server" Text="取消编辑" /><asp:Button ID="save" runat="server" Text="保存文档" OnClick="save_Click" /></div></form>
</body>
3.到这里页面已经可以显示KindEditor的编辑器界面啦。
4.可能有的小伙伴会遇到图片上传不了,或者路径不对什么的,记得自己修改一下文件的存储路径啦。
5.更多的使用方法去看一下官方的开发文档,里面有更详细的教程。
最后提醒一下,记得引用LitJSON.dll这个类库,前面忘记讲了
ASP.NET开发之如何在ASP.NET中使用KindEditor编辑器相关推荐
- 如何在Sitecore CMS中打开内容编辑器
在Sitecore中开发网站时,大多数项目管理都来自内容编辑器.创建,删除,修改,移动,发布,排序和查看项目只是可以在Content Editor界面中处理的众多任务中的一小部分. 由于内容编辑器对于 ...
- ASP.NET开发:在用户控件中添加属性
在WEB开发中,可重用的代码我们可以把它写成一个通用模块供需要的地方来引用.本文就是介绍在ASP.NET的web编程时,如何在用户控件中添加属性,实现这种方法:举例说明详解. 在WEB开发中经常有一些 ...
- [Flash开发笔记] 如何在as2.0中使用自定义类事件
as2编程中,我们通常要处理一些异步加载的数据,有点类似ajax中的callback,即我们不知道何时数据才会返回,并且只有当数据返回时,执行我们定义的操作. 在flash6及以前,我们会常常 ...
- 微信html5页面开发教程,微信网页开发,如何在H5页面中设置分享的标题,内容以及缩略图...
前言 最近的需求是做一个移动端H5的长屏广告页,最后需要在微信分享的时候修改文案以及带上图片,这个实现起来也不是很复杂. 实现步骤 先绑定域名,先登录微信公众平台进入"公众号设置" ...
- vue3开发1:在vue3项目中集成ckeditor5编辑器,自定义图片上传,图片编辑排坑(一)
最近尝试用了vue3进行开发,没想到在使用element-plus框架的时候出现了bug(一个星期后官方修复了),所以我对在项目中集成富文本插件ckeditor5比较忐忑,而且也没有vue3中集成ck ...
- 如何在vue项目中使用markdown编辑器
在Vue 中使用 Vditor 官方文档 Vditor 安装 npm install vditor --save 引入 import Vditor from 'vditor' import 'vdit ...
- 如何在 ASP.Net Core 中对接 WCF
在 REST API 出现之前,SOAP (Simple Object Access Protocol) 一直都是基于 web 的标准协议,虽然现在 REST 大行其道,但在平时开发中总会遇到对接第三 ...
- 如何在 ASP.NET Core 中使用 Quartz.NET 执行任务调度
当我们在web开发中,常常会遇到这么一个需求,在后台执行某一项具体的任务,具体的说就是这些任务必须在后台定时执行. Quartz.NET 是一个开源的 JAVA 移植版,它有着悠久的历史并且提供了强大 ...
- 如何在 ASP.NET Core 中实现全局异常拦截
异常是一种运行时错误,当异常没有得到适当的处理,很可能会导致你的程序意外终止,这篇就来讨论一下如何在 ASP.Net Core MVC 中实现全局异常处理,我会用一些 样例代码 和 截图 来说明这些概 ...
最新文章
- 三种 MySQL 大表优化方案
- java calendar与date_java---Calendar与Date
- 职称计算机与二级计算机合并,职称计算机考试:excel按数据位置合并
- AOM Summit:拥抱开源,引领新技术创新
- java中创建目录_如何在Java中创建目录?
- Hive常见问题汇总
- 4. Spring Boot 过滤器、监听器
- (47)System Verilog 类中变量随机激励inside运算符
- 文章页网址有.html,Phpcms V9文章内容页自定义HTML网址技巧
- ClassicLink概述
- 016.OpenStack及云计算(面试)常见问题
- 通过Console口本地加载系统程序
- Anytime项目开发记录3
- 一款免费好用的在线高效作图工具
- 几何分布的期望和方差公式推导_二项分布与负二项分布的均值与方差推导
- LeetCode每日一题(22年1月27日-2月5日)
- 笔记本双显卡Ubantu16.04 Nvidia驱动安装指导
- java后台获取Excel后缀名以及sheet页名称
- Qt 使用WPS或HTML生成word文档
- 基于51单片机无线门铃控制系统设计(毕设课设)
热门文章
- uci2019计算机录取,加州大学系统各分校公布2019年秋季入学录取数据!
- 铅球掷远模型matlab,铅球掷远问题的数学模型.doc
- 计算机和程序 微课,Spring Boot从入门到实战(微课视频版)
- CAD怎么转换版本?转换器轻松转换
- Vue.js 2.0 渐进开发应用实践
- 报错“未能创建类型‘xxx’
- 电子白板和计算机通过什么链接,交互式电子白板实现了白板与计算机之间的双向交互通信与操...
- Linux桌面版安装及开发环境配置
- fontcreator制作iconfont(包含两个教程)
- Adope flash player ActiveX10安装文件Flash10l.ocx手动注册后不能被删除的解决方案