一款蒙文在线编辑器的设计与实现
2019-08-10图雅
摘要:基于UEditor进行二次开发,实现了一款蒙文在线编辑器。给出了利用JavaScript、CSS以及HTML等技术,兼容不同的浏览器下的蒙文在线输入、换行、竖排显示等问题的解决方法。蒙文在线编辑器在蒙医方剂数据挖掘系统中得到了较好的应用。
关键词:蒙文在线编辑器;UEditor;二次开发;浏览器兼容;竖排显示
中图分类号:TP311 文献标识码:A
文章编号:1009-3044(2019)17-0092-03
开放科学(资源服务)标识码(OSID):
在我国,蒙文是一种应用范围较广泛的文字。蒙古族作为我国五十六个民族的组成部分,有着悠久的历史和灿烂的文化,文献收藏丰富、自成体系。蒙文的拼写规则是以词为单位竖写,词与词之间用空格分开。一个词由若干个字母组成,词内各个字母之间连着写。蒙文采取从上到下的书序,由左向右的行序进行书写[1]。在蒙文网站的前后台页面中都有对蒙文进行在线编辑的需求,并需要兼容不同版本的不同浏览器实现蒙文的在线输入、正确显示问题。现有的在线编辑器不能满足蒙文特有的书写方向要求。
1 蒙文在线编辑器的用途
1.1 蒙文在线编辑现状
随着CSS技术的成熟,蒙文网页显示已经不成问题。但是如何在各浏览器中对蒙文进行在线编辑是目前面临的最大问题。很多蒙文网站的后台都绕过浏览器兼容问题,利用普通中文编辑器将编辑好的蒙文文本复制到编辑器中,不考虑文字方向问题直接保存到数据库,而未实现蒙文文本的在线编辑修改等作。
故需要设计一款蒙文在线编辑器,并解决蒙文在线编辑、浏览器的兼容性问题、蒙文的竖排从左向右换行书写的问题。
1.2 选择UEditor二次开发的原因
开发蒙文编辑器的主要目的是实现兼容多种浏览器,在浏览器中方便、快捷、正确地进行蒙文在线编辑操作。
开发蒙文编辑器的主要思路是,对现有的编辑器进行二次开发,通过旋转元素达到蒙文正确显示目的的同时,该旋转的元素不影响整体页面,同时元素内部也能对文字进行旋转。
通过对当前发布的Wysihtml5、eWebEditor、FCKEditor等22个开源的在线编辑器的多次测试,UEditor 编辑器能够满足上述蒙文编辑器的开发的基本需求。UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点,是一个开源的、免费的、公开的在线编辑器[2]。UEditor的富文本区域是基于
标签实现的,可以在标签上进行添加CSS来控制文字方向。而其他编辑器的富文本区域是基于