asp.net中两款文本编辑器NicEdit和Kindeditor

分类: C#/ASP.Net
文本编辑asp.nettextboxserveraspsafari

目录(?)[+]

做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditorCKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多。下面要推荐的两款富文本编辑器都是使用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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359588.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

导出oracle awr分析报告,配置oracle内存参数,察看表空间使用率

cmd 命令生成awr报告: cmd 窗口 输入 -> Sqlplus sys/orclorcl as sysdba (sys登陆oracle).导出awr命令 ?/rdbms/admin/awrrpt.sql 3..输入导出的文件格式 为 html 回车 4输入数字1 为导出今天的分析报告 &#xff0c;2 3 。。。&#xff0c;回车 5.输入开始 snap id…

android多点触控自由对图片缩放

在系统的相册中,观看相片就可以用多个手指进行缩放.要实现这个功能,只需要这几步:1.新建项目,在项目中新建一个ZoomImage.javapublic class ZoomImageView extends View {//初始化状态常量public static final int STATUS_INIT1;//图片放大状态常量public static final int STA…

台阶问题额

题目名字 台阶问题 题意 初始化数组f的第一个元素为1。这表示到达第0级台阶的方式数为1&#xff0c;即不需要迈任何台阶。从第1级台阶开始&#xff0c;迭代计算每一级台阶的不同方式数。对于当前台阶i&#xff0c;内部循环从1到i和k中的较小值开始迭代。这是因为每次只能向上…

jboss eclipse_调试生产服务器– Eclipse和JBoss展示

jboss eclipse您是否编写有错误的代码&#xff1f; 不&#xff0c;当然不是。 对于我们其余的人&#xff0c;他们确实会编写带有bug的代码&#xff0c;我想解决一个非常敏感的问题&#xff1a;调试在生产服务器上运行的应用程序。 因此&#xff0c;您的应用程序已准备好进行部…

Chrome 控制台不完全指南

Chrome的开发者工具已经强大到没朋友的地步了&#xff0c;特别是其功能丰富界面友好的console&#xff0c;使用得当可以有如下功效&#xff1a; 更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log 大家都会用log&#xff0c;但鲜…

datanucleus_DataNucleus 3.0与Hibernate 3.5

datanucleus如官方产品站点所述&#xff0c; DataNucleus Access Platform是现有的最符合标准的开源Java持久性产品。 它完全符合JDO1 &#xff0c; JDO2 &#xff0c; JDO2.1 &#xff0c; JDO2.2 &#xff0c; JDO3 &#xff0c; JPA1和JPA2 Java标准。 它还符合OGC简单功能规…

$.fn.zTree 展开 回显 选中

var ids节点字符串;// 字符串形式&#xff1a;选中节点&#xff0c;...&#xff0c;二级节点&#xff0c;根节点 var siids..split(",").length-1; var setting {view:{selectedMulti:false},data:{simpleData:{enable:true}}, async: { enab…

Android学习笔记——Menu(二)

知识点&#xff1a;这次将继续上一篇文章没有讲完的Menu的学习&#xff0c;上下文菜单(Context menu)和弹出菜单(Popup menu)。 上下文菜单上下文菜单提供对UI界面上的特定项或上下文框架的操作&#xff0c;就如同Windows中右键菜单一样。 在Android中&#xff0c;有两种提供上…

eclipse卡慢解决办法

1.设置JVM运行内存 1.1编辑eclipse.ini 1.2 编辑eclipse.ini,设置jvm运行内存参数&#xff0c;最小内存&#xff1a;物理内存*0.2&#xff0c; 最大内存&#xff1a; 物理内存*0.6&#xff1b; 其中-vmargs为必须添加参数&#xff08;-vmargs的意思是设置JVM参数&#xff09;,…

python学习之文件读写

实现文件的读写 #! /usr/bin/python file_add open(test.txt,a)for i in range(1,5): file_add.write("1.1.1.%d 255.255.255.255 %d 2.2.2.%d 255.255.255.168 \n" %(i,i,i))file_add.close() 期间遇到的问题&#xff1a; 1、字符串格式化问题—多个参数 -sh-4.1#…

ext3 tree tbar 初始化定义

var rc_store new Ext.data.SimpleStore( { fields : [ value, text ], data : [ [ 10, 行 ], [ 20, 列 ] ] }); var bar_v [ { text:展开, handler:function(){ tree.expa…

xuggler 中文开发_Xuggler开发教程

xuggler 中文开发大家好&#xff0c; 在这篇文章中&#xff0c;我想介绍JavaCodeGeeks上的一些很酷的新教程。 他们将讨论与Xuggler &#xff0c; FFmpeg和Wowza进行媒体&#xff08;音频/视频&#xff09;操纵的方式。 我将在这篇文章中跟踪所有相关的教程。 您可以通过查看P…

QQ游戏百万人同时在线服务器架构实现

转载自&#xff1a;http://morton5555.blog.163.com/blog/static/976407162012013112545710/# QQ游戏于前几日终于突破了百万人同时在线的关口&#xff0c;向着更为远大的目标迈进&#xff0c;这让其它众多传统的棋牌休闲游戏平台黯然失色&#xff0c;相比之下&#xff0c;联众…

Ext grid js上移下移样例

function moveup(){//上移 var grid odin.ext.getCmp(gridid); var sms grid.getSelectionModel().getSelections(); var store grid.store; if (sms.length < 0) { alert(请选中需要上移的行!) return; } var selectdata sms[0]; …

Delphi IDE使用的一些主要技巧

Delphi IDE使用的一些主要技巧 1、查找和替换 &#xff08;1&#xff09;<ctrl>F[1]&#xff1a;选择页“Find”&#xff0c;进行查找&#xff0c;则根据查找方向继续查找。选择页“Find in Files”&#xff0c;则进行该工程内的全文查找。&#xff08;2&#xff09;<…

swing 选择对话框_Java Swing –日期选择器对话框

swing 选择对话框房子里有Swing开发人员吗&#xff1f; 对于使用Swing的用户来说&#xff0c;这是一个GUI组件&#xff0c;可能会对您的UI编码工作有所帮助。 我们的JCG合作伙伴之一提供了日期选择器小部件。 看看这个&#xff1a; Java Swing –日期选择器对话框以选择日期 …

域模型向左走(充血),向右走(贫血)

在文章的开始,我先举一个例子  美国M4谢尔曼坦克 VS德国的虎式坦克(相关资料如下http://mil.eastday.com/m/20070515/u1a2833237.html) 5&#xff1a;1 在五一期间&#xff0c;电视节目中的二战武器大对决吸引了我&#xff0c;其中当美国大兵说他们在用5辆坦克的代价来换德国…

hibernate session 新增、删除,修改、查询样例

1.实体查询 String sqla "from TEST where id? order by sortnum desc"; List list sess.createQuery(sql).setString(0, id).list(); Test test (Test)list.get(0); List list sess.createSQLQuery("select * from TEST where id ?").addEntity(TE…

linux-tar或zip解压缩命令

----------------------------------tar单个文件、文件夹压缩------------------------------------- tar -zcvf /temp/xxx.tar.gz /temp/xxx.txt --压缩 注释&#xff1a;将 /temp/xxx.txt 文件 压缩成 xxx.tar.gz tar -zxvf /temp/xxx.tar.gz -C /temp/ -解压 注释&#…

gwt-ext_GWT,GWT-Ext(SmartGWT),GXT(Ext GWT)常见任务

gwt-ext我正在浏览我们的JCG合作伙伴之一UI-Programming博客上的一些旧文章&#xff0c;并注意到有很多简短的文章&#xff0c;介绍了如何使用GWT&#xff0c;GWT-Ext&#xff08;SmartGWT&#xff09;和GXT&#xff08;Ext GWT&#xff09;执行一些常见任务。 &#xff09;。 …