【技术实现步骤摘要】
一种内容显示方法和装置
本申请涉及计算机
，尤其涉及一种内容显示方法和装置。
技术介绍
在线编辑器依赖于浏览器，可用来对网页等内容进行在线编辑修改，让用户在浏览器和/或其他编辑工具上获得“所见即所得”的效果。在线编辑器在一个显示界面上提供两个显示区域，分别为编辑区域和预览区域。其中，编辑区域用于显示用户在此区域上输入的编辑内容，预览区域用于显示编辑内容经过解析渲染后的预览内容。当编辑区域中的编辑内容长度大于编辑区域的显示长度，或预览区域中的预览内容长度大于预览区域的显示长度时，浏览器分别给编辑区域和预览区域提供滑动控件(如滑动条、滑动光标等)。目前，用户通过滑动控件滑动编辑区域上的编辑内容时，预览区域中的预览内容不会进行相应的滑动。同理，用户通过滑动控件滑动预览区域上的预览内容时，编辑区域中的编辑内容也不会进行相应的滑动。故如何实现编辑区域和预览区域的同步滑动是亟待解决的问题。
技术实现思路
本申请实施例提供一种内容显示方法和装置，可以实现两个显示区域的协同滑动，增加内容显示的多样性，进而提高用户的使用体验。第一方面，本申请实施例提供了一种内容显示方法，包括：当...
【技术保护点】
1.一种内容显示方法，其特征在于，包括：当监测到目标显示界面的第一显示区域上的滑动事件时，确定所述第一显示区域中第一滑动控件的第一滑动位置，并获取所述第一滑动位置对应的所述第一显示区域的第一显示位置；根据所述第一显示区域的显示位置与所述目标显示界面上第二显示区域的显示位置之间的位置对应关系，确定所述第一显示位置对应的所述第二显示区域上的第二显示位置；根据所述第二显示位置确定所述第二显示区域中第二滑动控件的第二滑动位置；将所述第一滑动控件滑动至所述第一滑动位置的同时将所述第二滑动控件滑动至所述第二滑动位置，以使所述第二显示区域上显示的内容与所述第一滑动控件滑动过程中所述第一显...
【技术特征摘要】
1.一种内容显示方法，其特征在于，包括：当监测到目标显示界面的第一显示区域上的滑动事件时，确定所述第一显示区域中第一滑动控件的第一滑动位置，并获取所述第一滑动位置对应的所述第一显示区域的第一显示位置；根据所述第一显示区域的显示位置与所述目标显示界面上第二显示区域的显示位置之间的位置对应关系，确定所述第一显示位置对应的所述第二显示区域上的第二显示位置；根据所述第二显示位置确定所述第二显示区域中第二滑动控件的第二滑动位置；将所述第一滑动控件滑动至所述第一滑动位置的同时将所述第二滑动控件滑动至所述第二滑动位置，以使所述第二显示区域上显示的内容与所述第一滑动控件滑动过程中所述第一显示区域上显示的内容相对应。2.如权利要求1所述的方法，其特征在于，所述获取所述第一滑动位置对应的所述第一显示区域的第一显示位置，包括：获取所述第一滑动位置对应的第一显示内容，并将所述第一显示内容在所述第一显示区域上的显示位置确定为第一显示位置。3.如权利要求2所述的方法，其特征在于，所述第一显示区域为编辑区域，所述第二显示区域为预览区域；所述获取所述第一滑动位置对应的第一显示内容之前，所述方法还包括：对从所述第一显示区域中采集到的至少一个文本段落设置位置标识，其中一个文本段落对应一个位置标识，一个位置标识用于标识一个文本段落在所述第一显示区域上的显示位置；建立所述第一显示区域的显示内容与所述第一显示区域中第一滑动控件的滑动位置之间的对应关系，所述对应关系用于确定滑动位置对应的显示内容，所述第一显示区域的显示内容包括设置位置标识后的至少一个文本段落。4.如权利要求1-3任一项所述的方法，其特征在于，所述第一显示区域为编辑区域，所述第二显示区域为预览区域；所述确定所述第一显示位置对应的所述第二显示区域上的第二显示位置之前，所述方法还包括：将所述第一显示区域中的显示内容进行解析和渲染后输出至所述目标显示界面的第二显示区域上显示；根据所述第一显示区域中的显示内容与所述第二显示区域中的显示内容之间的对应关系，建立所述第一显示区域的显示位置与所述第二显示区域的显示位置之间的位置对应关系。5.如权利要求1或2所述的方法，其特征在于，所述根据所述第二显示位置确定所述第二显示区域中第二滑动控件的第二滑动位置，包括：将所述第二显示位置对应的显示内容确定为第二显示内容，并将所述第二显示内容对应的滑动位置确定为所述第二显示区域中第二滑动控件的第二滑动位置。6.如权利要求5所述的方法，其特征在于，所述第一显示区域为预览区域，所述第二显示区域为编辑区域；所述将所述第二显示位置对应的显示内容确定为第二显示内容之前，所述方法还包括：对从所述第二显示区域中采集到的至少一个文本段落设置位置标识，其中一个文本段落...
【专利技术属性】
技术研发人员：刘阳，
申请(专利权)人：深圳市腾讯计算机系统有限公司，
类型：发明
国别省市：广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。