博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ASP.NET版本的Kindeditor插件的使用(同步)
阅读量:5261 次
发布时间:2019-06-14

本文共 965 字,大约阅读时间需要 3 分钟。

 

    昨天老大让我自己下载一个kindeditor说要放到“描述”功能中,并且不能提交(一边在textarea中写一边在label控件中将数据显示出来),由于从来没弄过,实在费了一翻劲。所以将此记录下来,一方面加深自己的记忆,另一方面希望大家批评指正。

   先从官网中现在最新版本的Kindeditor,官网地址:

   下载完成后,将整个文件夹解压。其中包含有asp、php、asp.net等使用kindeditor的实例,这里我用的是asp.net的实例。

    1.在需要插入kindeditor的项目中建立“kindeditor”文件夹,在解压的文件夹中将kindeditor.js和attached、themes、plugins、lang文件夹还有asp.net中的bin文件夹、file_manager_json.ashx和upload_json.ashx添加文件夹中(最好将file_manager_json.ashx和upload_json.ashx文件添加到一个新文件夹asp.net中)。其中file_manager_json.ashx和upload_json.ashx是图片的上传处理程序。

 

   2.在asp.net文件夹中新建一个kindeditor.htm的文件。

  

 3.在项目中添加对asp.net/bin/LitJSON.dll文件的引用。添加引用后,打开下载的kindeditor中的asp.net文件夹,用记事本方式打开该文件夹下的demo.aspx文件。

 4.在项目中的kindeditor文件中添加kindeditor.js的引用。并将demo.aspx文件中的js代码复制到kindeditor.htm文件中。

  5.在<body>标签中加入<textarea>和显示文本的<label>标签,具体如下图所示。

 

  6.现在开始进行输入和显示同步的代码书写,在复制的js文件中添加一个函数afterChange,具体如图所示。

  此时输入和显示的同步功能就已经做好。最后看下效果:

如果对于kindeditor有什么疑问可留言,看到后将会解答。如果我也不会希望和大家共同探讨共同进步!

转载于:https://www.cnblogs.com/sun-sjmeng/archive/2012/08/22/2651069.html

你可能感兴趣的文章
TreeView控件
查看>>
Freemarker常用技巧(一)
查看>>
LintCode Python 入门级题目 删除链表元素、整数列表排序
查看>>
java高级知识
查看>>
实时获取网络时间 并转换为北京时间的函数
查看>>
Java 缓存池(使用Map实现)
查看>>
第9周读书笔记——《黑客与画家》
查看>>
Java基础——6
查看>>
静态代码块
查看>>
CSS基础学习-15.CSS3 动画效果
查看>>
数据库连接池
查看>>
is和as操作符
查看>>
文件上传
查看>>
高性能WEB开发:重排与重绘
查看>>
typescript 学习记录
查看>>
javascript递归函数
查看>>
【vue 权威指南】 学习笔记 二
查看>>
sys模块 进度条百分比
查看>>
sublime text3 配置less编译环境
查看>>
Java线程池
查看>>