phpwind编辑器--扩展更强大,使用更方便

投稿人/来源: WEB开发网 | 2011-03-16 17:30 | 编辑器

  编辑器的优化一直是phpwind版本中的重要工作,为了让phpwind有一个更方便、更高效的编辑器,我们的前端工程师不懈努力,所以才有全新的强大的编辑器闪亮登场……接下来,让我们一起见证这华丽的蜕变!

  breeze框架介绍

  提到编辑器,我们不得不说到全新的breeze框架。何谓breeze ?其实是phpwind全新推出的轻量级前端框架体系,它设计了一系列大颗粒组件,支持按需载入模块组件,支持jquery接口,部分支持html5,具有命名空间、与其它框架无冲突等优良特性。

  做前端的技术人员一定知道jquery,而breeze就是类似的一个js框架。通过这个框架,可以让团队更规范的进行前端开发,降低产品的二次开发难度,提高开发效率和整体性能。更重要的是,breeze框架,不仅仅只是应用在phpwind产品上,它将独立对外发布,是一个真正开源免费的js框架,应用到任何其他产品畅通无阻。

  我们给这个框架取名为breeze,中文名“和风”,就是希望这个框架不管对于技术二次开发,还是对最终用户的使用,都能给人“和风”一样的舒适和顺畅。

  编辑器就是基于breeze新框架的一个重要应用,除此以外,phpwind版本中的其他js应用都会基于新框架进行优化。

  那全新编辑器会有哪些特性呢?让我们从技术和功能两方面深入了解。

  新编辑器技术特性

  1)基于breeze,模块按需载入

  基于breeze的全新编辑器,支持按需载入,在点击的时候才请求相关js,第一次载入的时候,只需手动载入最核心的js文件。这样不仅减小了载入页面的流量,也充分利用了缓存。在按需载入的时候无需去考虑组件之间的相互依赖性,比如一个组件依赖另一个的时候,只需要载入前一个,就会自动去载入相关的其它组件。

  2)高度自定义的工具栏

  你是否曾经因为多个产品都要使用编辑器而需要重复写多个编辑器而烦恼?现在可以不用再担心这个烦恼了,完全可以使用同一个编辑器核心,自由的配置编辑器界面。只要按照规则,可以随意的布局编辑器工具栏。想要工具栏分组?想要多几种按钮类型?想分三行四行?想增加一个自定义组件?想使用迷你模式的工具栏?新的编辑器框架,统统都能满足你的需求,而且是一套编辑器代码。您自己开发的产品也想用这个编辑器?好的,我们非常欢迎你这么做,因为这个编辑器是可移植的。

  3)可拆分的模式体系

  新的编辑器,支持通过简单配置就可以选择是否要支持UBB还是直接使用html。UBB体系是论坛专有的一种代码结构,虽然可以压缩代码、保护网站安全,但是很多别的地方也会用到不带UBB的编辑器。新的模式体系建立了模式类,将UBB独立出来自成一套模式。在使用UBB的编辑器和不使用UBB的编辑器的区别,就只有是否载入ubb.js的区别。同样你也可以自己定义其它的模式体系改装你的代码结构。

  新编辑器功能亮点

  或许很多人会感慨自己不懂技术,没有关系,我们来看看新的编辑器功能上都有哪些优化,让不懂技术你同样得心应手。

  1)界面美化

  首先,新编辑器的界面更简洁更美观了。

  

 

  新编辑器中,对整体界面布局,还有工具的图标都进行了美化,更简洁美观。

  2)简单高级切换

  新编辑器增加了简单、高级的切换,并在后台可以配置默认简单还是高级,可以呈现给用户一个更简单的编辑器。并且增加了全屏的功能,更方便用户的编辑。

  

 

  3)颜色选择的优化

  新编辑器对字体选择和颜色选择进行了优化,即丰富颜色类型,更考虑了颜色的科学布局,更符合用户使用习惯。

  

 

  4)插入表格优化

  新的编辑器--插入表格,支持设置边框颜色,背景颜色,还增加了边框大小的设置。

  

 

  设置后效果如下:

  

 

  5)图片上传优化

  图片上传支持本地图片、相册图片和网络图片三种方式。本地图片支持批量上传,上传后可以显示缩略图,并可以同时保存到相册。也可以直接从个人相册中选择图片,直接插入到编辑器中。

  

 

  6)附件上传优化

  将附件上传放到编辑器中,上传窗口可以拖动,更方便编辑的同时插入附件。上传后附件列表分简单和高级显示。附件出售、加密等设置,显示在高级中,让附件列表显得更简单。

  

 

  以上是phpwind 新编辑器一部分优化,还有其他的一些优化,比如插入视频、音频,出售、隐藏,增加自动排版功能等,除了技术的创新--支新自定义工具栏、可拆分模板体系外等,编辑器一定能为用户带去更多的方便和高效。据悉,最新编辑器已经整合到phpwind 8.5版本,您一定期待phpwind 8.5的发布了吧?

编者导读

楚风

  编辑器的优化一直是phpwind版本中的重要工作,为了让phpwind有一个更方便、更高效的编辑器,我们的前端工程师不懈