【第一期】如何打造属于自己的网站编辑器——CKEditor与UEditor之争

news/2024/5/20 8:36:21/文章来源:https://blog.csdn.net/weixin_34217773/article/details/89902407

    首先说明一下由于经常写项目最近比较忙,所以一直没时间整理文章,现在把近阶段的一些心得分享出来,这是第一期,接下来我会跟大家讲讲ASP.NET单层,三层,以及多层开发企业建站和具体要求和操作,希望大家能学到东西。PS:本人支持开源的World,喜欢开源的一切。如果有人喜欢WindowsPhone的开发可以私下聊。t_0039.gif

   好了,先谢谢51CTO的辛勤的博客大管家们, @莉子姐 @米米姐 @ 蘑菇姐。PS:都很漂亮很敬业。t_0016.gif


   UEditor

   First-1,大家先去官网: http://ueditor.baidu.com/website/,点击-〉下载

102357133.jpg


   First-2.1, 这里说明一下大家可以选择两种下载包,一种是UBuilder和开发版。

    102838467.jpg



spacer.gif   First-2.1,如果用此版本的话可以自由的添加删除自己想要的编辑器中的效

103049761.jpg

  First-2.2,如果选择开发版的话就会包含编辑器的所有功能,PS:这里有分网站的编码格式和编程语言的选择,其实就

是一个js包的不同调用,方便开发用的,别的都没有什么大的差别。PS:用fireBug看到51CTO用的是1.2.5版本的,我想说的

是赶紧换了吧,浏览器兼容性不是闹着玩的,小心使得万年船。t_0010.gif


103336658.jpg



   First-2.3,由于自由度的问题,本人选择用UBuilder,上面定制自己想要的功能后点击下面的下载即可。

103940553.jpg


  Second-1,下面开始新建项目开发,如下图,

104533734.jpg


    Second-2,由于下面是写代码,我就直接把每步的操作截图,大家可以慢慢跟着做,如下,

104738312.jpg


112200585.jpg



Second-3.1,接下来把Ueditor包添加到项目中,如下图,

110146671.jpg


Second-3.2,在head区域添加js引用,PS:母版页的话就放在下面所示图中,

1
2
3
4
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="ueditor/ueditor.config.js" type="text/javascript"></script>
    <script src="ueditor/ueditor.all.js" type="text/javascript"></script>
</asp:Content>


Second-3.3接着就是写JavaScript,如下图,PS:因为是要认服务器控件的话,需要加一下ClientID转换一下就可以了。

112014310.jpg


Second-3.4现在大部分的操作已经基本完成,下面说几个重点要注意的地方,我是做.NET的,别的

开发语言不知道会不会出现同样的问题,现就.NET说下,

  1.在母版页的话,需要加上这么一个属性,保证 textarea 不会只是显示框架,如下图,

111133523.jpg

  2.在Web.config-><system.web>里面写如下图的内容,因为Microsoft的东西升级太快了,所以还是要加以前的一些相应的属性来

迎合当前的需要。

111444651.jpg



Second-4现在我们写个alert把textarea 的值给弹出来,如下图,PS:方便大家看,我就写在下面了。


113935920.jpg


Second-5.1好了,现在预览一下,看看成不成?

114143609.jpg


114243342.jpg


114316423.jpg



Second-5.2看来没什么问题,大家可以试试了。t_0003.gif


   CKEditor

   下面开始说CKEditor,前身叫作FKEditor,现在国外的大部分网站编辑器用的都是这个,因为兼容性好,不管是

什么版本的浏览器都没有太大的问题,所以,各位如何追求稳定的话建议还是用CKEditor,这个的话相对的配置就简

单很多,不需要太多的引用的写代码,他都给你集成好了,所以直接上图,大家应该可以看得很清楚吧。t_0015.gif

   图1,

115021835.jpg

   


图2,

115106620.jpg



图3,

115318353.jpg

115359205.jpg


115428644.jpg


115534653.jpg

选择项-〉浏览,找到CKEditor.NET.dll添加到工具箱的常用中,

115655317.jpg

直接拖拽到设计页面,如下图,

120129630.jpg


   至此就结束了,如果想取值,在cs界面直接写CKEditorControl1.Text = "你的值";

   展示效果图,如下,

120536237.jpg

   


    总结:

    1.个人感觉百度的UEditor确实是很好,UI各方面都要优于CKEditor;

    2.不足之处在于,CKEditor得兼容性比UEditor要好很多,这也是开发人员要注意的,因为毕竟大部分领导用的是IE X.0

    你不做考虑就会出现错误,这样再美的东西显示不出来也是徒劳。

    3.开发者用Firefox开发时也应该多用几个浏览器试试会不会出现错误和BUG,毕竟Firefox可以AT力场全开,别的浏览器就会

    有些吃不消的。t_0008.gif

    4.大家也可以在UEditor文档说明里面研究一下部署和开发的各种使用,看看如何解决兼容性的问题,欢迎一起讨论。

    5.对于显示UI这块其实UEditor还不够完善,大家有兴趣的话可以参考Twitter的Bootstrap把自己的网站建设的更加美观和

    稳定,老外的东西还是很强大的。

    121634168.jpg

   接下来的几期我会跟大家讲讲asp.net企业建站的一些基本操作,欢迎大家来拍砖。t_0010.gif前几天也是业余时间做了一个个人的博客网站,效果图如下,

   地址: http://www.liujinlan.cc/

121951874.jpg


     用的是基本的三层架构,在后面的教程,我会慢慢给大家交流讲解,让大家看完后可以动手制作出自己的博客网站。好啦,今天就到这里吧,

我们下期再见。t_0004.gif









本文转自 吴雨声 51CTO博客,原文链接:http://blog.51cto.com/liangxiao/1262108,如需转载请自行联系原作者

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

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

相关文章

网站上显示农历及阳历节日

把阳历日期转换为农历用到的函数为ChinaDate.ConvertToNongLi(DateTime.Now); 得到节日的函数为 ChinaDate.GetFestival(DateTime.Now); 代码&#xff1a; using System.Globalization; using System.Collections; using System;namespace NetWeb2011.Common {public static cl…

AWWWB 网站克隆器 v1.0 发布

软件名称&#xff1a;AWWWB.COM网站克隆器1.0 开发商&#xff08;主页&#xff09;&#xff1a;www.awwwb.com 联系人&#xff1a;awwwb.comqq.com 软件性质&#xff1a;免费软件/开源软件 软件描述&#xff1a; AWWWB.COM网站克隆器&#xff1a;输入被克隆网站的首页网址&…

一个Java语言所写的shop网站框架明细

核心框架Spring Framework &#xff1a;作为一个优秀的开源框架&#xff0c;是为了解决企业应用程序开发复杂性而创建的。框架的主要优势之一就是其分层架构&#xff0c;分层架构允许您选择使用哪一个组件&#xff0c;同时为 J2EE 应用程序开发提供集成的框架。 模板引擎FreeM…

iframe懒加载_wordpress网站视频和图片懒加载插件的对比与使用 a3 Lazy Load

都说wordpress网站速度慢&#xff0c;三人成虎&#xff0c;养虎为患&#xff0c;今天就推荐个使wordpress网站提速度的插件。特别是图片或者视频较多的站&#xff0c;用个懒加载插件将大大减少一时的http(s)请求、减少服务器端压力&#xff0c;使服务器按需加载。对于用户体验&…

php教育网站设计案例_UI设计素材模板|设计良好的教育网站:3个快捷技巧

拥有一个高质量的学校网站比以往任何时候都更重要。优秀的UI设计素材模板&#xff0c;帮助设计师和管理人员建立最好的教育网站。从成功的设计中寻找灵感&#xff01;3个快捷技巧1. 使用教育专用的网站构建器首先&#xff0c;用专门教育内容管理系统(CMS)来制作学校网站是个好主…

服务器内部移动文件速度慢,网站打开速度慢的原因分析已经解决排查方案(实用大全)...

72018/7网站打开速度慢的原因分析已经解决排查方案(实用大全)飞鸟哥上百个案例&#xff0c;3天整理,实证案例&#xff0c;全面&#xff0c;实用&#xff01;假如你是网站提供者&#xff0c;或者网站运营者看下文本给你专业全面的经验。飞鸟哥&#xff0c;根据10年经验&#xff…

秒杀全网!研发、运营必备实用工具网站

目录 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、招聘求职 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、算法 11、在线工具宝典大全 12、音乐 13、神辅助工具 14、语音处理 15、大数据 16、电子书 程序员开发需要具…

【织梦插件】xenu软件-网站url和死链提取工具免费下载

软件名称xenu软件作用网站网址提取工具适宜人群SEO网址http://www.jingdouwang.cn/zygx/wzcj/278.html 软件简介&#xff1a; Xenu Link Sleuth 可能是你所见功能最强大的网站死链接查询的软件了。使用方法简单&#xff0c;仅需要输入网站URL就可以完成死链查询。用户可直接查看…

IIS部署,发布网站

因项目需要&#xff0c;正在学习如何部署IIS服务&#xff0c;发布网站&#xff0c;将遇到的问题记录下。 一、IIS部署 1.打开控制面板&#xff0c;选择 ‘程序’ 2.程序和功能下&#xff0c;选择打开或关闭Windows功能 3.等待加载&#xff0c;选择Internet信息服务&#xff0…

网站业务架构演变过程

有一天&#xff0c;我突发奇想创建了一个站点&#xff0c;基于LNMP架构&#xff0c;起初只有我自己访问&#xff0c;后来因为我点儿正&#xff0c;访问量越来越大&#xff0c;所以最终导致下面的架构演变。1. 单台机器因为只是一个小站&#xff0c;访问量一天也没有多少uv&…

做网站服务器e3,用e3做游戏服务器

用e3做游戏服务器 内容精选换一换下面以CentOS 6.9 (x86_64)操作系统为例&#xff0c;举例介绍裸金属服务器增强高速网卡的配置方法。RedHat系列、Oracle Linux系列、Euler系列及CentOS系列操作系统的配置方法类似。以“root”用户&#xff0c;使用密钥或密码登录裸金属服务器。…

Python+Flask+MysqL的web建设技术开发一个网站

一、摘要 flask是一个很精简&#xff0c;灵活的框架&#xff0c;对于web的开发非常的好&#xff0c;具有jinja2强大的模板引擎的支持。flask框架的一个扩展就是sqlalchemy, sqlalcheny是flask的一个扩展。sqlalcheny是一个强大的关系型数据库框架&#xff0c;它是一个框架&…

MCSE笔记 第四章 IIS网站架设

以前大学时候上过网络操作系统这门课程&#xff0c;当时用的是Windows 2003弄的IIS&#xff0c;工作中接触过2008、2003系统搭建的IIS&#xff0c;都不太熟悉&#xff0c;最近看的戴有炜老师的2012网络管理与架站&#xff0c;整理一下IIS章节的笔记。大致内容如上图所示:1.安装…

网站规划通识:原型图绘制的一些注意事项

本文来自网易云社区作者&#xff1a;林玮园 雷火游戏部 网站组基本概念&#xff1a; 一、什么叫原型图&#xff1f;用线条、图形描绘出产品/专题的框架&#xff0c;即为原型&#xff0c;也可称线框图。原型图的输出可根据质量&#xff0c;大致分为低保真、中保真、高保真原型图…

客户网站被挂马的分析

打开网站,查看 源代码 ,查找<iframe 标签 就会找到在这段框架:<iframe src"http://www.fengyajade.com/jiaozhu.htm" name"zhu" width"0" height"0" frameborder"0">这就是 打开网站为什么,杀毒软件提示有木马的原…

实现域名访问网站—nginx反向代理

今天在跟项目的时候&#xff0c;上午被耍了三个多小时&#xff0c;最后在我准备好材料准备他人求助的时候&#xff0c;在收集材料的时候&#xff0c;居然访问通了&#xff0c; 别问我为什么&#xff0c;我也不知道 &#xff0c;哈哈哈哈&#xff08;苦逼脸...&#xff09; 分享…

如何构建安全的电子商务网站

摘 要 本文总结了电子商务对安全性的要求&#xff0c;介绍了构成一个安全的电子商务系统的框架。介绍了安全通信协议SSL和SET&#xff0c;分析了其优缺点。最后&#xff0c;给出一个例子来指导如何建立一个基于SSL的安全网站。关键词 电子商务 PKI SSL TLS一、电子商务安…

企业网站制作之PageAdmin自助建站系统

企业网站现在已经是网络营销的标配&#xff0c;目前制作一个企业的网站&#xff0c;要么找网站制作公司&#xff0c;要么下载网站管理系统自己搭建&#xff0c;找网站公司的优点是&#xff1a;省心;缺点&#xff1a;后期维护和扩展都需要借助网站公司实现&#xff0c;完全依靠网…

[JavaScript]给自己的网站添加简单文本日志

1.用于记录日志的文件 log.asp&#xff0c;另外需要建立一个用于保存日志文件的文件夹logs。log.asp文件的代码如下&#xff1a; <script language"javascript"runat"server">varfso newActiveXObject("Scripting.FileSystemObject");vard…

视频网站上线测试了

要做视频网站的决心是在一次无意中的观看优酷视频得来的&#xff0c;因为当时学过nodejs的爬虫&#xff0c;所以对于优酷开放外链的行为感到高兴&#xff0c;因为这样子就代表我能够将优酷里面的大多数视频都爬下来&#xff0c;然后就可以做一个视频的网站了。就是这股劲&#…