ASP文本编辑器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ASP文本编辑器相关的知识,希望对你有一定的参考价值。
高分悬赏寻一个适用于ASP的文本编辑器不过要精简,例如网上有的FCKEditor,eWebEditor文本编辑器,我也知道这2个文本编辑器功能强大,但就是效果太过强大,我不喜欢了,我只需要几个功能就可以了左对齐,居中,右对齐,图片链接,网址链接,表情就这个功能就可以的了,不需要更高了,当然,不要表情这个功能也可以,不过最后就有,听说FCKEditor可以精简,但我可不会精简,如果那位大虾精简后发给我,那就感谢了,悬赏分可以另开贴送分!!
参考技术A http://www.ewebeditor.net/eWebEditorTM 是什么? 在线html编辑器!
eWebEditor是基于浏览器的、所见即所得的在线HTML编辑器。她能够在网页上实现许多桌面编辑软件(如:Word)所具有的强大可视编辑功能。WEB开发人员可以用她把传统的多行文本输入框<TEXTAREA>替换为可视化的富文本输入框,使最终用户可以可视化的发布HTML格式的网页内容。eWebEditor!已基本成为网站内容管理发布的必备工具! 参考技术B http://down.chinaz.com/soft/22440.htm这个是FCKEditor精简版 才170多kb 参考技术C Notepad 带高亮..和记事本一样简单!!!!
ASP.NET配置KindEditor文本编辑器-图文实例
1.什么是KindEditor
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
2.前期准备
到官网下载最新版的KindEditor 4.11,解压文件后可得
文件结构:
asp:与asp结合的示例代码
asp.net:与asp.net结合的示例代码
attached:上传文件的根目录,可在相关的代码中修改
examples:功能演示的示例代码
jsp:与jsp结合的示例代码
lang:语言包
php:与php结合的示例代码
plugins:控件的功能代码的实现
kindeditor.js:配置文件
kindeditor-min.js:集成文件
由于使用的是ASP.NET,所以将不需要的文件夹删掉。其中在asp.net中demo.aspx是参考代码,也可以删掉。
3.配置KindEditor
(1)新建网站,将精简后的kindeditor文件夹放到网站根目录下下,并且引用kindeditor/asp.net/bin/LitJSON.dll文件。
(2)新建index.aspx文件,引入相关文件
<link href="kindeditor/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script src="kindeditor/lang/zh_CN.js" type="text/javascript"></script>
<script src="kindeditor/kindeditor.js" type="text/javascript"></script>
<script src="kindeditor/plugins/code/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
KindEditor.ready(function (K) {
var editor = K.create(‘#content‘, {
//上传管理
uploadJson: ‘kindeditor/asp.net/upload_json.ashx‘,
//文件管理
fileManagerJson: ‘kindeditor/asp.net/file_manager_json.ashx‘,
allowFileManager: true,
//设置编辑器创建后执行的回调函数
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(url) {
alert(url);
},
//编辑器高度
width: ‘700px‘,
//编辑器宽度
height: ‘450px;‘,
//配置编辑器的工具栏
items: [
‘source‘, ‘|‘, ‘undo‘, ‘redo‘, ‘|