[发明专利]一种文档展示方法、装置和机器可读介质

说明书

本申请实施例提供了一种文档展示方法、装置和机器可读介质，所述方法包括：在Web端获取Markdown文档；所述Markdown文档包含有React Native组件代码；在所述Web端将所述Markdown文档转换为Html网页文档；在所述Web端加载用于模拟React Native运行环境的兼容代码；在所述Web端基于所述兼容代码模拟的React Native运行环境下，展示所述Html网页文档，并采用所述React Native组件代码在所述Html网页文档中展示预览效果。在本申请实施例中，通过在Web端加载用于模拟React Native运行环境的兼容代码，可以实现在展示React Native组件代码和相应的文档数据的同时，展示React Native组件代码的预览效果。

技术领域

本申请涉及计算机技术领域，特别是涉及一种文档展示方法和一种文档展示装置。

背景技术

随着应用程序的发展，应用程序中用到的UI组件也越来越多。其中，用于原生系统(iOS系统和Android系统)React Native组件是一种常见的UI组件。

开发者在开发React Native组件时，为了便于其他使用者使用该组件，可以为React Native组件编写用于说明React Native组件如何使用的文档。

但是，目前针对React Native组件的文档只能展示React Native组件的源代码，无法预览代码的运行效果，不利于使用者快速了解React Native组件。

发明内容

鉴于上述问题，提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种文档展示方法和相应的一种文档展示装置。

为了解决上述问题，本申请实施例公开了一种文档展示方法，包括：

在Web端获取Markdown文档；所述Markdown文档包含有React Native组件代码；

在所述Web端将所述Markdown文档转换为Html网页文档；

在所述Web端加载用于模拟React Native运行环境的兼容代码；

在所述Web端基于所述兼容代码模拟的React Native运行环境下，展示所述Html网页文档，并采用所述React Native组件代码在所述Html网页文档中展示预览效果。

优选的，还包括：

解析所述Markdown文档中的元数据；

所述在所述Web端将所述Markdown文档转换为Html网页文档的步骤包括：

加载转换组件；

通过所述转换组件采用所述元数据生成Html网页文档。

优选的，还包括：

生成指定所述元数据的配置文件；

将所述配置文件传入所述转换组件；

所述通过所述转换组件采用所述元数据生成Html网页文档的步骤包括：

通过所述转换组件获取所述配置文件指定的元数据，并采用所述元数据生成Html网页文档。

优选的，所述在所述Web端基于所述兼容代码模拟的React Native运行环境下，展示所述Html网页文档，并采用React Native组件代码在所述Html网页文档中展示预览效果的步骤包括：

在所述Web端基于所述兼容代码模拟的React Native运行环境下，将所述ReactNative组件代码转换为适配所述Web端的代码；