导航目录实时显示装置及实时显示导航目录内容的方法

文档序号:6585473阅读:245来源:国知局
专利名称:导航目录实时显示装置及实时显示导航目录内容的方法
技术领域
本发明涉及一种目录显示装置及目录内容显示方法,特别是涉及一种导航目录实
时显示装置及实时显示导航目录内容的方法。
背景技术
在线编辑器是运行于浏览器上的一个类似Word的文字处理软件,帮助用户对页 面信息进行排版,以文字信息内容为主的网站均需要使用到在线编辑器,方便编辑或用户 创建有一定格式的信息。 而当用户编辑的内容比较长时,为了使编辑者有一个清楚的编辑印象及浏览方 式,通常需要有一个导航目录进行内容导航,方便浏览者总览全文内容,及通过点击导航目 录直接达到指定的段落。导航目录是由编辑者在编辑时所指定的目录,即在线编辑器当中 选中一些文字标记作为一个导航目录。其他用户在浏览此内容时可方便的通过导航目录浏 览到导航目录中的内容。 然而目前的在线编辑器均不能实时显示编辑者编辑的导航目录,导航目录都是在 内容被浏览时才显示的。随着内容的增长,编辑者往往需要在内容当中创建很多导航目录 标题,如果在线编辑器不能实时显示导航目录列表,编辑者需要上下拖动页面才可以浏览 到所有的导航目录标题,以确定这些目录是否设置妥当。

发明内容
为了避免以上现有技术的不足,本发明提供一种在线编辑器实时显示导航目录内 容的方法,以解决在编辑内容的同时实时显示导航目录。
本发明通过以下技术手段实现
—种导航目录实时显示装置,包括 监听装置,在编辑器初始化时设置编辑器内容区域监听事件,在监听事件发生变 化时触发分析装置; 分析装置,接收并分析所述监听装置中监听事件所有的目录标记,将其整理成一 个可显示的网页内容; 显示装置,接收所述分析装置中的网页内容,并将分析整理的目录标记内容在指 定位置进行显示。 所述的监听事件包括鼠标的单击、移动,键盘按钮的抬起,粘帖,剪切。
上述导航目录实时显示装置实时显示导航目录内容的方法,包括如下步骤
用户进入内容在线编辑页面,监听装置会随编辑器自动处于工作状态,监听用户 是否对编辑器内容进行了修改; 用户对于编辑器内容的任何修改操作触发导航目录实时显示装置进行检测;
分析装置对编辑器内容进行分析,检测目录标签是否与网页标签内容相匹配,如 果匹配成功则认为目录标签存在,否则不存在目录;
如果当前编辑器内容包含目录信息,则将分析到的目录信息按层级组合成一组可 显示的网页标签; 显示装置显示所述的网页标签。 所述的目录标签是具有一个指定特征的网页标签。 本发明的优点为 采用本发明所述方法,用户在编辑内容时即可实时看当前内容的所有导航目录列 表,不再需要上下拖动页面来逐个查找,提高了用户的编辑效率和使用体验,节约了用户的 编辑时间。


图1为本发明结构框图; 图2为本发明实施例实现方法流程图; 图3为本发明实施例显示导航目录示意图。
具体实施例方式
如图1所示,导航目录实时显示装置包括监听装置l,分析装置2,显示装置3。监 听装置1在编辑器初始化时设置编辑器内容区域监听事件,在监听事件发生变化时触发分 析装置;分析装置2,接收并分析所述监听装置中监听事件所有的目录标记,将其整理成一 个可显示的网页内容;显示装置3,接收所述分析装置中的网页内容,并将分析整理的目录 标记内容在指定位置进行显示。 如图2、3所示,用户首先进入在线编辑器页面,导航目录实时显示装置自动检测 内容区域的变化,当用户对编辑器当中的内容进行修改时,即可触发本导航目录实时显示 装置,本装置对内容进行分析判断是否存在目录,如果没有则停止,如果存在目录则进行整 理并显示到指定区域。具体包括如下步骤 步骤S10、首先进入内容在线编辑页面,导航目录实时显示装置会随编辑器自动处
于工作状态,检测用户是否对监测编辑器当中的内容是否发生了变化。导航目录实时显示
装置进行检测时,可以对编辑器添加一个定时事件,比如每隔2秒钟执行一次,也可以是绑
定一个当鼠标、键盘按键抬起时的触发事件来调用导航目录实时显示装置。 步骤S11、用户对于内容的任何修改操作都会触发导航目录实时显示装置的检测程序。 步骤S12、导航目录实时显示装置对内容进行分析,检测目录标签是否与网页标签
内容相匹配,如果匹配成功则认为目录标签存在,否则不存在目录标签; 通常目录标签是具有一个指定特征的网页标签,比如〈div class ="hdwiki_
tmml"〉目录名称〈/div〉,标签可以是自定义的一种形式,不拘泥于这一种形式。同时导航
目录实时显示装置使用正则表达式方式对编辑器区域的内容进行字符串匹配,如果匹配成
功则认为目录存在,否则不存在目录即暂时终止。 步骤S13、如果当前内容包含目录信息,则将分析到的目录信息按层级(多数情况 分为两级)组合成一组可显示的网页标签,如〈div〉〈a〉目录l〈/a〉〈a〉目录2〈/aXa class ="mulu2">目录2-l〈/aXa〉目录3〈/a〉〈/div〉,还需要有一些CSS样式来配合控制显示格式。 步骤S14、显示所述步骤S13中的网页标签,可使用document元素的innerHTML属 性来完成本操作。
权利要求
一种导航目录实时显示装置,其特征在于,包括监听装置,在编辑器初始化时设置编辑器内容区域监听事件,在监听事件发生变化时触发分析装置;分析装置,接收并分析所述监听装置中监听事件所有的目录标记,将其整理成一个可显示的网页内容;显示装置,接收所述分析装置中的网页内容,并将分析整理的目录标记内容在指定位置进行显示。
2. 如权利要求l所述的导航目录实时显示装置实时显示导航目录内容的方法,其特征 在于,包括如下步骤用户进入内容在线编辑页面,监听装置会随编辑器自动处于工作状态,监听用户是否 对编辑器内容进行了修改;用户对于编辑器内容的任何修改操作触发导航目录实时显示装置进行检测;分析装置对编辑器内容进行分析,检测目录标签是否与网页标签内容相匹配,如果匹 配成功则认为目录标签存在,否则不存在目录标签;如果当前编辑器内容包含目录信息,则将分析到的目录信息按层级组合成一组可显示 的网页标签;显示装置显示所述的网页标签。
3. 如权利要求2所述的导航目录实时显示装置实时显示导航目录内容的方法,其特征 在于,所述的目录标签是具有一个指定特征的网页标签。
全文摘要
本发明涉及一种导航目录实时显示装置及实时显示导航目录内容的方法,所述装置包括监听装置、分析装置及显示装置。所述方法包括步骤1)在编辑器初始化时设置内容区域监听事件,在监听事件发生变化时触发目录实时显示装置;2)目录实时显示装置触发后,分析监听事件中所有的目录标记,将其整理成一个可显示的网页内容;3)将分析整理的目录列表内容在指定位置进行显示。采用本发明,用户在编辑内容时即可实时看当前内容的所有导航目录列表,不再需要上下拖动页面来逐个查找,提高了用户的编辑效率和使用体验,节约了用户的编辑时间。
文档编号G06F17/30GK101739456SQ20091024418
公开日2010年6月16日 申请日期2009年12月30日 优先权日2009年12月30日
发明者梅春 申请人:互动在线(北京)科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1