[发明专利]一种双区域同步呈现方法、装置、电子设备和存储介质

说明书

本申请提供一种双区域同步呈现方法、装置、电子设备和存储介质，方法包括：响应于针对第一呈现区域触发的子内容切换操作，在第一呈现区域中，将呈现的当前参考子内容切换为第一参考子内容，并获得第一参考子内容对应的第一定位信息，该当前参考子内容和第一参考子内容均归属于参考内容；基于定位关联关系，确定第一定位信息对应的第二定位信息，该第二定位信息用于在关联内容中进行定位；在第二呈现区域中，基于第二定位信息，呈现关联内容中相应的第一关联子内容，第二呈现区域与第一呈现区域位于同一编辑操作界面中。当在编辑器的编辑区域或预览区域进行内容切换时，可以实现编辑区域和预览区域的同步呈现。

技术领域

本申请涉及互联网技术领域，尤其涉及一种双区域同步呈现方法、装置、电子设备和存储介质。

背景技术

随着各种应用平台的发展，文本编辑器得到了广泛应用，例如，轻量级标记语言Markdown编辑器。Markdown编辑器使用一套格式标记语言来对文档内容进行排版和格式显示，这套格式标记语言是一种非常轻量的标记语言，可以使用简单的标记符号生成极富表现力的文档。Markdown编辑器可以用来编写应用平台的说明文档或者在论坛网站上发表消息等，它的格式转换非常方便，可以将编写的文本转换为超文本标记语言(Hyper TextMarkup Language，HTML)、可扩展超文本标记语言(eXtensibleHyperText MarkupLanguage，XHTML)、便携式文档格式(Portable Document Format，PDF)等格式。

Markdown编辑器支持双栏编辑模式，该模式包括编辑区域和预览区域两个区域，使用对象在编辑区域编辑的文本，可以转换成富文本并显示在预览区域。由于编辑区域的呈现区域(简称编辑呈现区域)呈现的是纯文本，每一行文字的高度都是一致的，而预览区域的呈现区域(简称预览呈现区域)不仅呈现文本，还可以呈现图片，而图片占据的高度与文字不同，因此在切换其中一个区域中的内容时，很难做到两个区域的同步呈现。

相关技术中，一般是通过同步滚动两个区域来实现同步呈现，具体地，按照滚动的百分比来实现同步滚动，例如，当滚动一个区域至该区域的20％高度时，另外一个区域也滚动至该区域20％高度的位置；但是，这容易导致两个区域呈现的内容是不对应的，使得使用对象在编辑呈现区域滚动时，无法看到预览呈现区域对应的呈现效果，在预览呈现区域滚动时，无法看到编辑呈现区域对应的编辑内容。

发明内容

本申请实施例提供一种双区域同步呈现方法、装置、电子设备和存储介质，用以在编辑器的编辑呈现区域或预览呈现区域进行内容切换时，实现编辑呈现区域和预览呈现区域的同步呈现。

第一方面，本申请实施例提供一种双区域同步呈现方法，包括：

响应于针对第一呈现区域触发的子内容切换操作，在所述第一呈现区域中，将呈现的当前参考子内容切换为第一参考子内容，并获得所述第一参考子内容对应的第一定位信息，其中，所述当前参考子内容和所述第一参考子内容均归属于参考内容；

基于定位关联关系，确定所述第一定位信息对应的第二定位信息；其中，所述第二定位信息用于在关联内容中进行定位，所述关联内容是按照预设转换规则将所述参考内容进行转换得到的；

在第二呈现区域中，基于所述第二定位信息，呈现所述关联内容中相应的第一关联子内容，所述第二呈现区域与所述第一呈现区域位于同一编辑操作界面中。

第二方面，本申请实施例提供一种双区域同步呈现装置，包括：

获取模块，用于响应于针对第一呈现区域触发的子内容切换操作，在所述第一呈现区域中，将呈现的当前参考子内容切换为第一参考子内容，并获得所述第一参考子内容对应的第一定位信息，其中，所述当前参考子内容和所述第一参考子内容均归属于参考内容；