[发明专利]代码处理方法、装置、电子设备及存储介质

权利要求书

1.一种代码处理方法，其特征在于，包括：

接收针对代码编辑器的启动指令；

根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面；

通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果。

2.根据权利要求1所述的方法，其特征在于，所述代码编辑器页面中还包括控制台输出区域，所述方法还包括：

获取与所述代码编辑器页面关联的控制台的输出数据，并在所述代码编辑器页面中的控制台输出区域中展示所述输出数据。

3.根据权利要求2所述的方法，其特征在于，所述获取所述与所述代码编辑器页面关联的控制台的输出数据，并在所述代码编辑器页面中的控制台输出区域中展示所述输出数据的步骤，包括：

通过在所述代码编辑器页面的加载阶段重写的控制台函数，将与所述代码编辑器页面关联的控制台的输出数据绑定至预设的变量数组中，并在所述代码编辑器页面中的控制台输出区域显示所述变量数组。

4.根据权利要求1-3中任一项所述的方法，其特征在于，所述通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果的步骤，包括：

根据接收到针对所述代码编辑器页面中任一模板标识的选择指令，在所述代码输入区域展示所述模板标识对应的模板；

在通过所述代码输入区域接收编辑操作的过程中，响应于所述代码编辑器当前接收到的编辑操作为有内容的输入，根据所述编辑操作的输入内容，进行代码自动提示；

响应于所述代码输入区域在预设时间段内未接收到编辑操作，在所述结果展示区域中展示所述代码输入区域中的待执行代码的执行结果。

5.根据权利要求1-3中任一项所述的方法，其特征在于，所述根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面的步骤，包括：

响应于首次接收到所述启动指令，和/或在当前客户端的本地未检测到所述代码编辑器的文件包，从服务器获取所述代码编辑器的文件包；其中，所述文件包中包含在所述服务器中渲染完成的Nuxt框架；

响应于检测到所述Nuxt框架的所处环境为前端环境，根据所述文件包加载并渲染展示所述代码编辑器的编辑器插件。

6.根据权利要求5所述的方法，其特征在于，所述根据所述文件包加载并渲染展示所述代码编辑器的编辑器插件的步骤，包括：

根据所述代码编辑器的主配置文件中配置的压缩参数，获取用以组成所述编辑器插件的各个压缩文件并解压缩，得到所述编辑器插件的至少一个组件；

通过所述编辑器插件对应的配置文件，在所述代码编辑器页面中引入所述组件，并通过所述代码编辑器页面的mounted钩子函数，初始化所述代码编辑器页面，同时将初始化后的编辑器插件与所述代码编辑器页面中的代码输入区域绑定。

7.根据权利要求1-3中任一项所述的方法，其特征在于，在所述通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果的步骤之后，还包括：

保存所述代码编辑器页面中显示的内容，并在下次启动所述代码编辑器时，在渲染完成的代码编辑器页面中展示上一次在所述代码编辑器页面中显示的内容。

8.一种代码处理装置，其特征在于，包括：

启动指令接收模块，被配置为执行接收针对代码编辑器的启动指令；

代码编辑器渲染模块，被配置为执行根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面；

代码接收处理模块，被配置为执行通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果。