博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【第一期】如何打造属于自己的网站编辑器——CKEditor与UEditor之争
阅读量:7247 次
发布时间:2019-06-29

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

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

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

   UEditor

   First-1,大家先去官网: ,点击-〉下载

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

   

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

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

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

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

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

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

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

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

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

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

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

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

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

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

迎合当前的需要。

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

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

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

   CKEditor

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

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

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

   图1,

   

图2,

图3,

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

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

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

   展示效果图,如下,

   

    总结:

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

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

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

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

    有些吃不消的。

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

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

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

   

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

   地址:

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

我们下期再见。

转载地址:http://yhjbm.baihongyu.com/

你可能感兴趣的文章
《Axure RP7网站和APP原型制作从入门到精通》一1.4 交互基础
查看>>
腾讯Android自动化测试实战
查看>>
利用Java动态生成 PDF 文档
查看>>
《Hadoop MapReduce性能优化》一1.4 影响MapReduce性能的因素
查看>>
阿里云容器服务-高可用Kubernetes部署指南
查看>>
Make 命令教程
查看>>
Storm-源码分析-Stats (backtype.storm.stats)
查看>>
Java FP: 伪造闭包工厂,创建域对象
查看>>
《Linux C编程从入门到精通》一2.3 Linux中的代码编辑器vim
查看>>
《Redis入门指南》一5.1 PHP与Redis
查看>>
《Hack与HHVM权威指南》——1.6.2 未决的类型
查看>>
RPC综述 - PB, Thrift, Avro
查看>>
userdel 命令 - 从Linux系统中删除用户账户
查看>>
《Visual C++ 开发从入门到精通》——1.4 技术解惑
查看>>
属于自己的持续集成系统
查看>>
Java核心技术卷I基础知识2.4 运行图形化应用程序
查看>>
android 减少图片出现oom错误
查看>>
《C语言及程序设计》实践项目——循环嵌套
查看>>
阿里价值“千万”的秒杀场景参数优化
查看>>
互联网创业公司黑话指南,很严肃的,不许笑!
查看>>