asp.net中两款文本编辑器NicEdit和Kindeditor
目录(?)[+]
做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多。下面要推荐的两款富文本编辑器都是使用JS编写,使用简单,非常轻量级。
NicEditor
NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器。
主页:http://nicedit.com/
下载:http://nicedit.com/download.php
示例:http://nicedit.com/demos.php
NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片
使用也非常简单,只需在页面中添加简单的JS代码就可以将TextBox或是TextArea控件转换成富文本编辑器,代码如下
<head runat="server"><title>title> head> <body> <form id="form1" runat="server"> <script src="../JS/Eidtor/nicEdit.js" type="text/javascript">script> <script type="text/javascript"> bkLib.onDomLoaded(function() { new nicEditor({ fullPanel: true }).panelInstance('txtContent'); }); script> <asp:TextBox runat="server" ID="txtContent" TextMode="MultiLine" Height="200px" Width="600px" >asp:TextBox> form> body> html>
运行效果如下
官网中的版本为英文版,而且字体设置也只能设置英文字体,我对英文版本做了简单的汉化,并且增加了几种中文字体,如下图
KindEditor
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、 Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的与Java、.NET、PHP、ASP等程序接合。这个是官网上的介绍。
主页:http://www.kindsoft.net/index.php
下载:http://www.kindsoft.net/down.php
示例:http://www.kindsoft.net/demo.php
KindEditor相比较NicEditor涉及的文件要多很多,不过大小也才几百K而已,下图为文件结构
使用代码
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>title> head> <body> <form id="form1" runat="server"> <script charset="utf-8" src="../JS/KindEditor/kindeditor-min.js" type="text/javascript">script> <script type="text/javascript" charset="utf-8"> KE.show({ id: 'txtContent', resizeMode: 1, allowPreviewEmoticons: false, allowUpload: false, }); script> <textarea cols="60" id="txtContent" style="width: 600px; height: 300px;" runat="server" readonly="readonly">textarea> form> body> html>
运行效果如下
转载于:https://www.cnblogs.com/xhety/p/3969351.html
asp.net中两款文本编辑器NicEdit和Kindeditor相关推荐
- python要安装文本编辑器吗_python安装后推荐的安装两款文本编辑器
Notepad++ 7.2.2和 Sublime Text --之心 Notepad++ 7.2.2 Notepad++ 是一款非常有特色的编辑器,是开源软件,可以免费使用.支持的语言: C, C++ ...
- python 文本编辑器推荐win10_程序员最喜欢的15款文本编辑器推荐
很多时候比如编程查看代码或者打开各种文档下我们都会用到文本编辑器,Windows自带的记事本功能很简陋并且打开大文件很慢,因此很多童鞋都会有自己喜欢的一款文本编辑器.在这里,西西挑选前15个最佳的文本 ...
- kind富文本编辑器_在项目中集成富文本编辑器
前 言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...
- Django中使用富文本编辑器Uedit
Uedit是百度一款非常好用的富文本编辑器 一.安装及基本配置 官方GitHub(有详细的安装使用教程):https://github.com/zhangfisher/DjangoUeditor 1. ...
- 程序员必备的五款文本编辑器
程序员的工作离不开文本编辑器,有人说一个txt就能搞定,但txt面对如今复杂的要求,明显有些捉襟见肘,下面推荐五款超级好用的文本编辑器及搭配软件,绝对是程序员的大爱. 程序员编码的过程离不开代码对比, ...
- wangeditor ajax,laravel 中 wangEditor 富文本编辑器使用指南
在本课程中,老师使用的富文本编辑器是 2.0 的版本,且输入区域使用的 textarea,但是在新的 3.0 版本中(新版本富文本编辑器只需要引用一个js文件即可),开发者不建议使用 textarea ...
- Django实现的博客系统中使用富文本编辑器ckeditor
操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-c ...
- vue获取编辑器纯文字_vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...
- linux系统中vi/vim文本编辑器的使用简介
linux系统中vi/vim文本编辑器的使用简介 1. vi/vim简介 vi/vim 是linux系统中最基本的编辑器,类似于windows系统中的记事本,几乎所有的linux开发版本都内置了v ...
最新文章
- 参数binlog_row_image设置MINIMAL,你今天被坑了吗?
- java web每天定时执行任务(四步轻松搞定)
- 强化学习总结(3-4)——无模型的价值函数的预测,蒙特卡洛和TD时序差分方法
- jqm的多列布局demo,html5的多列布局demo,多列布局的具体解说,html5开发实例具体解释...
- ssl初一组周六模拟赛【2018.4.7】
- 大数据之Kafka内部原理详细介绍
- _报告指出:黑客已将攻击的目标逐渐迁移到 Linux 服务器和工作站上
- MySQL深度剖析之事务隔离级别和锁机制(2021)
- 视频监控物联卡有什么作用
- 一个经典约瑟夫问题的分析与解答
- VideoEdit+ User Manual
- JS入门到精通完整版
- 十问业务中台和我的答案
- 2分钟定制自己的专属桌面——win10仿Mac os风格美化!
- 人脑是量子计算机科学实验,你的大脑可能是一台量子计算机
- 【分布式】分布式环境下如何保证数据库和缓存的双写一致性?看完我明白了!!
- I'm a pc - I'm a mac :FIT
- Photoneo 3D相机丨平行结构光的力量
- FFmpeg入门详解之63:画龙点睛:捋起袖子亲手操练直播项目
- 微信定向流量_微信沃卡发布 10元包300MB微信定向流量
热门文章
- oracle安装卡在create inventory_滴滴云服务器上安装Oracle12cR2单实例数据库
- yili邮箱服务器配置,手把手教 个人SMTP服务器的配置 -电脑资料
- python 控制有线网卡_Python 使用指定的网卡发送HTTP请求的实例
- Objective-C学习中对 C语言的扩展
- C语言 | 函数执行成功时,return 1 还是return 0?
- c程序怎么改为java程序_如何将Java程序的入口点更改为C签名?
- wifiphisher 依赖_铂瑞思:总是依赖别人的话,就永远也长不大
- rowspan不显示 wpf_wpf的datagrid绑定datatable列不自动更新解决方案
- 网络交换机的作用有哪些?
- 多路串口服务器的应用及应用范围介绍