• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >网页编辑器 > xheditor所见即所得文本编辑器(代码高亮显示修改)

xheditor所见即所得文本编辑器(代码高亮显示修改)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-05

本文主要包含所见即所得,所见即所得什么意思,所见即所得网页编辑器,excel所见即所得,所见即所得编辑器等相关知识, 希望在学习及工作中可以帮助到您
所见即所得的文本编辑器目前在网上流传的已经有很多了,并且都比较优秀,就我个人而言,用过的有以下几个:
    · 第一个接触的是ewebeditor,用在我的毕业设计里面,那时候是顺便选的,对这类东西也没什么了解,现在这个编辑器已经相当猛了;
    · 后来工作中用了FCKEdier,原因很简单,这个文本编辑器已经有相应的asp.net服务器端控件,封装得很棒,不过毕竟是封装好了的控件,存在着一定的局限,而且目前这个文本编辑器已经全面改版,并且现在的名字叫CKEdier,现在所在公司的项目也是用这个的,原因一样,有封装、够强大;不过这两个文本编辑器我个人都不喜欢,原因说不出,可能是太大型了,对于太大型的东西我一般没有爱;
    · 在前一家公司的时候带过两个项目,在项目里面使用了KindEditor,这个是在zcool上面看到的,相当小巧美观,插件接口也做得很好,当时的项目是用ASP.NET MVC,所以对那些服务器端的控件已经没什么在意,并且是自己带的项目,必然想做一些属于自己的尝试,得出的结论是这是一个很好的文本编辑器,和她的名字一样和蔼可亲。
    · 忘记在那里看到xheditor了,是一个新出的所见即所得文本编辑器,感觉比kindediter还要小巧,基于jquery开发的,但是常用的功能都有了,而且插件接口相当优秀(可能其他的更优秀但是我不了解^^),API文档也做得很好,基本不需要怎么思考就能看得懂,提供的几套皮肤也做得很好很简洁,很好和界面搭配,作为一种尝试我拿来用在自己的这个博客的后台。之前用的是1.0的版本,发现在chrome1.7+版本中出现了上传不了文件的BUG,昨天在一个群里有人在询问这个文本编辑起的插件怎么弄,给人解答后自己也去官网看了,发现有更新了,并且已经修复了这个BUG(上传的的图片文件名是中文的好像还是有点问题...),之前不是很在意的BUG也修复了,于是也做了果断更新(本来有在考虑要不要换kindediter,现在看来不用了)。

 关于xheditor:
        官方首页:http://xheditor.com/
        demo演示:http://xheditor.com/demo
        api文档:http://xheditor.com/manual

    PS:使用这个编辑器,结合另外一个组件SyntaxHighlighter(一个用于高亮显示代码文本的js组件)我做了一个简单的插件,就是可以在文本编辑起里面插入一段代码,然后对代码进行高亮显示。说白了就是输入字符串然后对字符串进行必要的修改然后插入到文本编辑器中光标所在的位置- -!,利用xheditor提供的插件接口,三两下就可以搞定鸟,插件的代码如下:
        1、首先定义插件样式,具体来说就是定义一个CSS类,代码大致如下:
定义插件样式的css代码
毕竟是个比较年轻的文本编辑器,不过个人比较喜欢的是基于jquery开发这一点(可能有不少人不喜欢这一点),期待该组件不断完善! </div>

您可能想查找下面的文章:

  • xheditor所见即所得文本编辑器(代码高亮显示修改)

相关文章

  • 2017-06-05解决FCKEditor在IE10、IE11下的不兼容问题
  • 2017-06-05Fckeditor XML Request error:internal server error (500) 解决方法小结
  • 2017-06-05FCKeidtor 清除编辑器内容的代码
  • 2017-06-05FCKeditor 网页在线编辑器的使用方法
  • 2017-06-05伪静态下不能使用FCKeditor的解决方法
  • 2017-06-05CuteEditor 编辑器的字体样式无法控制的解决方法
  • 2017-06-05FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
  • 2017-06-05FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)
  • 2017-06-05KindEditor 编辑器 v3.5.1 修改版
  • 2017-06-05FCKEditor超级链接默认新窗口打开的修改方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • FCKEDITOR 的高级功能和常见问题的解决方法
    • FCKEDITOR 相关函数介绍
    • FCKeditorAPI 手册 js操作获取等
    • 自己打造HTML在线编辑器的实现难点分析
    • 最新版CKEditor的配置方法及插件(Plugin)编写示例
    • FCKeditor编辑器添加图片上传功能及图片路径问题解决方法
    • 伪静态下不能使用FCKeditor的解决方法
    • 页面上存在多个FckEditor编辑器的验证方法
    • CKEditor中加入syntaxhighlighter代码高亮插件
    • 让谷歌浏览器Google Chrome支持eWebEditor的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有