代码文本中展示图片注释的方法及装置与流程

本申请涉及计算机领域，尤其是涉及一种代码文本中展示图片注释的方法及装置。

背景技术：

一般地，开发平台的代码编辑工具只能提供为代码插入文字注释的内容，然而，如果代码的逻辑复杂，则需要大段的文字描述才能把将代码的逻辑描述清楚，不仅费时费力、容易出现歧义，且后续软件开发过程中对这些文字描述的理解难度也较高。

技术实现要素：

本申请的目的在于提供一种代码文本中展示图片注释的方法及装置，该方法和装置可展示在代码文本中插入的图片注释。

为实现上述申请目的之一，本申请一实施方式提供了一种代码文本中展示图片注释的方法，所述方法包括：

通过代码编辑工具加载代码，并判断代码文本中是否包含图片标签；

若是，则解析所述图片标签中的图片链接地址，并根据所述图片链接地址渲染对应的图片后展示于代码文本中；

若否，则直接展示所述代码文本。

作为本申请一实施方式的进一步改进，在通过代码编辑工具加载代码步骤前，所述方法还包括编译代码编辑工具步骤，具体包括：

在代码编辑工具内加入检查代码文本中的图片标签、解析图片标签中图片链接地址，以及根据图片链接地址渲染相应图片并展示于代码文本中的处理逻辑。

作为本申请一实施方式的进一步改进，所述代码为Java语言编写的代码。

作为本申请一实施方式的进一步改进，所述图片标签为支持Html语法的图片标签，所述图片链接地址为图片的Url地址。

作为本申请一实施方式的进一步改进，根据所述图片链接地址渲染对应的图片，并在代码文本中同时展示所述图片标签对应的文本信息和所述图片标签对应的图片。

为实现上述申请目的之一，本申请一实施方式提供了一种代码文本中展示图片注释的装置，包括：

载入模块，用于加载代码；

识别模块，用于判断代码文本中是否包含图片标签；

处理模块，用于在代码文本中包含图片标签时，解析所述图片标签中的图片链接地址，并根据所述图片链接地址渲染对应的图片后展示于代码文本中；以及

在代码文本中未包含图片标签时，直接展示所述代码文本。

作为本申请一实施方式的进一步改进，所述装置还包括编译模块，所述编译模块用于：

在代码编辑工具内加入检查代码文本中的图片标签、解析图片标签中图片链接地址，以及根据图片链接地址渲染相应图片并展示于代码文本中的处理逻辑。

作为本申请一实施方式的进一步改进，所述代码为Java语言编写的代码。

作为本申请一实施方式的进一步改进，所述图片标签为支持Html语法的图片标签，所述图片链接地址为图片的Url地址。

作为本申请一实施方式的进一步改进，所述处理模块用于：

根据所述图片链接地址渲染对应的图片，并在代码文本中同时展示所述图片标签对应的文本信息和所述图片标签对应的图片。

相对于现有技术，本申请的代码文本中展示图片注释的方法及装置可在代码文本内展示插入的图片注释，其不仅支持在批注时直接引用图片，省时省力， 且通过图片来理解代码的逻辑更为直观有效，对软件开发的效率有非常明显的提升。

附图说明

图1是本申请一实施方式中代码文本中展示图片注释的方法的流程图。

图2是本申请一示例的代码文本中展示图片注释的效果图。

图3是本申请一实施方式中代码文本中展示图片注释的装置的模块图。

具体实施方式

以下将结合附图所示的具体实施方式对本申请进行详细描述。但这些实施方式并不限制本申请，本领域的普通技术人员根据这些实施方式所做出的结构、方法、或功能上的变换均包含在本申请的保护范围内。

如图1所示，在本申请一实施方式中，代码文本中展示图片注释的方法包括：

S1、通过代码编辑工具加载代码；

S2、所述代码编辑工具判断代码文本中是否包含图片标签；

S3、若是，则解析所述图片标签中的图片链接地址，并根据所述图片链接地址渲染对应的图片后展示于代码文本中；

S4、若否，则直接展示所述代码文本。

在本实施方式中，所述代码编辑工具加载代码的过程可包括：先通过代码编辑工具打开代码文件，再通过代码文件读取代码文本，并对代码文本中的关键字着色后格式化所述代码，以在所述代码编辑工具中可对该代码文本执行编辑。

当然，在其他实施方式中，也可增加或省略部分过程，例如无须对源代码文本中的关键字着色等，只要最终可将代码加载入代码编辑工具中，且可在代码编辑工具中对代码进行编辑即可。

在本实施方式中，用于加载代码的代码编辑工具为预先进行编译的代码 编辑工具，以在代码编辑工具加载代码的过程中，加入检查代码文本中的图片标签、解析图片标签中图片链接地址，以及根据图片链接地址渲染相应图片并展示于代码文本中的处理逻辑。

如此，通过经编译的代码编辑工具加载代码时，可实现在代码文本中展示图片注释。

进一步地，在本实施方式中，所述代码为Java语言编写的代码。该Java语言编写的代码可被Java代码编辑工具加载和编辑。

进一步地，所述图片标签为支持Html语法的图片标签，例如<img>标签等。

进一步地，所述图片链接地址为图片的Url地址。

可以理解的是，在本申请的发明构思下，用户在编写代码时，可在代码文本中的空白行中加入类似<imgsrc＝“http://url’/>的图片标签，以在所述代码文本中插入图片。如此，当用编译后的代码编辑工具加载所述代码时，将能展示与Url链接对应的图片。

在本申请一具体示例中，通过图片对欧拉公式进行注释，其在代码文本中加入了：

<imgsrc＝https://cloud.githubusercontent.com/assets/3796876/7218398/8e6607ec-e69f-11e4-92af-6d9377a0ec06.jpg/>的图片标签。

如此，当编译后的代码编译工具加载所述代码时，如图2所示，代码编辑工具识别出代码文本中包含了图片标签，并解析了所述图片标签中的图片链接地址后，根据所述图片链接地址渲染对应的图片后展示于代码文本中相应位置。

明显地，通过图片注释该欧拉公式，大大提高了用户理解欧拉公式的效率。另外，可想而知，若通过文字描述对欧拉公式进行注释，不仅在注释阶段非常困难，且后续对该注释的理解难度也非常高。

进一步地，在本实施方式中，根据所述图片链接地址渲染对应的图片后展示于代码文本中的步骤具体包括：

根据所述图片链接地址渲染对应的图片，并在代码文本中同时展示所述图片标签对应的文本信息和所述图片标签对应的图片。

参图2的示例，在代码文本中，不仅展示了图片标签对应的图片，同时，仍会展示图片标签对应的文本信息：

<imgsrc＝https://cloud.githubusercontent.com/assets/3796876/7218398/8e6607ec-e69f-11e4-92af-6d9377a0ec06.jpg/>。这样，以便于后续对该图片标签进行编辑。

如图3所示，在本申请一实施方式中，代码文本中展示图片注释的装置为代码编辑工具或运行该代码编辑工具的机器，其包括：

载入模块100，用于加载代码；

识别模块200，用于判断代码文本中是否包含图片标签；

处理模块300，用于在代码文本中包含图片标签时，解析所述图片标签中的图片链接地址，并根据所述图片链接地址渲染对应的图片后展示于代码文本中；以及

在代码文本中未包含图片标签时，直接展示所述代码文本。

在本实施方式中，所述载入模块100用于：先通过代码编辑工具打开代码文件，再通过代码文件读取代码文本，并对代码文本中的关键字着色后格式化所述代码，以在所述代码编辑工具中可对该代码文本执行编辑。

当然，在其他实施方式中，也可增加或省略部分过程，例如无须对源代码文本中的关键字着色等，只要最终可将代码加载入代码编辑工具中，且可在代码编辑工具中对代码进行编辑即可。

在本实施方式中，所述代码编辑工具还包括编译模块400，所述编译模块400用于：

在代码编辑工具内加入检查代码文本中的图片标签、解析图片标签中图片链接地址，以及根据图片链接地址渲染相应图片并展示于代码文本中的处理逻辑。

如此，通过经编译的代码编辑工具加载代码时，可实现在代码文本中展 示图片注释。

进一步地，在本实施方式中，所述代码为Java语言编写的代码。该Java语言编写的代码可被Java代码编辑工具加载和编辑。

进一步地，所述图片标签为支持Html语法的图片标签，例如<img>标签等。

进一步地，所述图片链接地址为图片的Url地址。

可以理解的是，在本申请的发明构思下，用户在编写代码时，可在代码文本中的空白行中加入类似<imgsrc＝“http://url’/>的图片标签，以在所述代码文本中插入图片。如此，当用编译后的代码编辑工具加载所述代码时，将能展示与Url链接对应的图片。

在本申请一具体示例中，通过图片对欧拉公式进行注释，其在代码文本中加入了：

<imgsrc＝https://cloud.githubusercontent.com/assets/3796876/7218398/8e6607ec-e69f-11e4-92af-6d9377a0ec06.jpg/>的图片标签。

如此，当编译后的代码编译工具加载所述代码时，如图2所示，代码编辑工具识别出代码文本中包含了图片标签，并解析了所述图片标签中的图片链接地址后，根据所述图片链接地址渲染对应的图片后展示于代码文本中相应位置。

明显地，通过图片注释该欧拉公式，大大提高了用户理解欧拉公式的效率。另外，可想而知，若通过文字描述对欧拉公式进行注释，不仅在注释阶段非常困难，且后续对该注释的理解难度也非常高。

进一步地，在本实施方式中，在代码文本中包含图片标签时，所述处理模块300具体用于：

根据所述图片链接地址渲染对应的图片，并在代码文本中同时展示所述图片标签对应的文本信息和所述图片标签对应的图片。

参图2的示例，在代码文本中，不仅展示了图片标签对应的图片，同时，仍会展示图片标签对应的文本信息：

<imgsrc＝https://cloud.githubusercontent.com/assets/3796876/7218398/8e6607ec-e69f-11e4-92af-6d9377a0ec06.jpg/>。这样，以便于后续对该图片标签进行编辑。

综上所述，本申请的代码文本中展示图片注释的方法及装置可在代码文本内展示插入的图片注释，其不仅支持在批注时直接引用图片，省时省力，且通过图片来理解代码的逻辑更为直观有效，特别是对于数学公式、数据结构等场景，对软件开发的效率有非常明显的提升。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置，装置和模块的具体工作过程，可以参考前述方法实施方式中的对应过程，在此不再赘述。

在本申请所提供的几个实施方式中，应该理解到，所揭露的装置，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施方式仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所展示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块展示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施方式方案的目的。

另外，在本申请各个实施方式中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以2个或2个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。

上述以软件功能模块的形式实现的集成的模块，可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中，包括若干指 令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(processor)执行本申请各个实施方式所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施方式仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施方式对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施方式技术方案的精神和范围。