CN111596852A - 内容编辑方法、系统及计算机可读存储介质和终端设备 - Google Patents

Abstract

本发明实施例公开了内容编辑方法、系统及计算机可读存储介质和终端设备，应用于信息处理技术领域。内容编辑系统在内容编辑界面会显示主体内容编辑控件、特定功能控件和发布控件，根据主体内容编辑控件在内容编辑界面显示的文本编辑区域编辑主体内容；根据特定功能控件在内容编辑界面展示代码编辑区域，并在代码编辑区域进行代码编辑得到编辑后代码；根据发布控件发布主体内容和编辑后代码中的某些编码后代码。这样，通过将代码编辑方式和文本编辑方式融入到对主体内容进行编辑的过程中，使得围绕主体内容的编辑多样化，可以应用于教育领域对教学讲义或试题等内容的编辑。

Description

内容编辑方法、系统及计算机可读存储介质和终端设备

技术领域

本发明涉及信息处理技术领域，特别涉及内容编辑方法、系统及计算机可读存储介质和终端设备。

背景技术

现在的教育领域，在具体的教学场景中，绝大多数课程仅仅是通过幻灯片或者视频的方式，进行知识点教授以及习题任务布置，一般情况下，教师用户会通过教学终端编辑视频或文档格式的教学内容，比如需要学生完成的习题，或展示给学生的视频等内容，学生用户可以通过教学终端的独立区域承载文字或视频等教学内容。

在编辑教学内容的过程中，教师用户可以通过教学终端设置与教学内容相关的信息，比如习题的标题、完成要求等，并通过文本编辑的方式编辑教学内容；而当学生用户需要完成作业时，需要先进入教学终端的作业编辑区域，才能完成作业的编辑。

发明内容

本发明实施例提供内容编辑方法、系统及计算机可读存储介质和终端设备，实现了由将文本编辑与代码编辑相结合。

本发明实施例一方面提供一种内容编辑方法，包括：

显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件；

根据所述主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑所述主体内容；

根据所述特定功能控件，在所述内容编辑界面展示代码编辑区域；

在所述代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码；

根据所述发布控件发布所述主体内容和所述编辑后代码中的某些编码后代码。

本发明实施例另一方面提供一种内容编辑系统，包括：

界面显示单元，用于显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件；

文本编辑单元，用于根据所述主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑所述主体内容；

代码区域展示单元，用于根据所述特定功能控件在所述内容编辑界面展示所述代码编辑区域；

代码编辑单元，用于在所述代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码；

发布单元，用于根据所述发布控件发布所述主体内容和所述编辑后代码中的某些编码后代码。

本发明实施例另一方面提供一种计算机可读存储介质，所述计算机可读存储介质储存多个计算机程序，所述计算机程序适于由处理器加载并执行如本发明实施例一方面所述的内容编辑方法。

本发明实施例另一方面提供一种终端设备，包括处理器和存储器；

所述存储器用于储存多个计算机程序，所述计算机程序用于由处理器加载并执行如本发明实施例一方面所述的内容编辑方法；所述处理器，用于实现所述多个计算机程序中的各个计算机程序。

可见，在本实施例的方法中，内容编辑系统会综合多种编辑方式，具体在内容编辑界面会显示主体内容编辑控件、特定功能控件和发布控件，根据主体内容编辑控件在内容编辑界面显示的文本编辑区域编辑主体内容；根据特定功能控件在内容编辑界面展示代码编辑区域，并在代码编辑区域进行代码编辑得到编辑后代码；根据发布控件发布主体内容和编辑后代码中的某些编码后代码。这样，通过将代码编辑方式和文本编辑方式融入到对主体内容进行编辑的过程中，使得围绕主体内容的编辑多样化，可以应用于教育领域对教学讲义或试题等内容的编辑。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种内容编辑方法的示意图；

图2a是本发明一个实施例提供的一种内容编辑方法的流程图；

图2b是本发明一个实施例中一种内容编辑界面的示意图；

图2c是本发明一个实施例中另一种内容编辑界面的示意图；

图3a是本发明一个实施例中一种代码编辑区域的示意图；

图3b是本发明一个实施例中另一种代码编辑区域的示意图；

图3c是本发明一个实施例中另一种代码编辑区域的示意图；

图3d是本发明一个实施例中另一种代码编辑区域的示意图；

图3e是本发明一个实施例中另一种模式的代码编辑区域的示意图；

图3f是本发明一个实施例中预览区域的示意图；

图4是本发明一个实施例提供的另一种内容编辑方法的流程图；

图5是本发明一个实施例中内容设置界面的示意图；

图6是本发明应用实施例中内容编辑系统的结构示意图；

图7是本发明应用实施例中内容编辑方法的示意图；

图8是本发明应用实施例中标签编辑界面的示意图；

图9是本发明应用实施例中主控模块与题干区域的通信示意图；

图10是本发明应用实施例中主控模块与代码编辑区域的通信示意图；

图11是本发明实施例提供的一种内容编辑系统的结构示意图；

图12是本发明实施例提供的一种终端设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于子区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排它的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明实施例提供一种内容编辑方法，如图1所示，内容编辑系统可以按照如下的步骤实现对主体内容的编辑：

显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件；根据所述主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑主体内容；根据所述特定功能控件，在所述内容编辑界面展示代码编辑区域；在所述代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码；根据所述发布控件发布所述主体内容和所述编辑后代码中的某些编码后代码。

本发明实施例方法涉及云技术(Cloud technology)，云技术是基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称，可以组成资源池，按需所用，灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源，如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用，将来每个物品都有可能存在自己的识别标志，都需要传输到后台系统进行逻辑处理，不同程度级别的数据将会分开处理，各类行业数据皆需要强大的系统后盾支撑，只能通过云计算来实现。

云技术的应用也越来越广泛，可以包括云社交、云会议、云教育、云游戏和云会议等，本实施例的方法主要涉及云教育(Cloud Computing Education，CCEDU)，是基于云计算商业模式应用的教育平台服务，在云平台上，所有的教育机构，培训机构，招生服务机构，宣传机构，行业协会，管理机构，行业媒体，法律结构等都集中云整合成资源池，各个资源相互展示和互动，按需交流，达成意向，从而降低教育成本，提高效率。

由于在教育领域，会逐步设置人工智能相关课题，并推广编程教育，立足于编程工具的编程教育逐渐火爆，通过在内容编辑系统中内嵌代码编辑区域，不仅实现了对主体内容(比如习题)进行编辑的多样化，还可以使得学生用户可以在完成习题的同时学习代码编辑，提升了学生用户的学习体验，丰富教学场景下的课程类型。

本发明实施例提供一种内容编辑方法，主要是由内容编辑系统所执行的方法，流程图如图2a所示，包括：

步骤101，显示内容编辑界面，内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件。

这里主体内容编辑控件是用于编辑主体内容的用户操作按钮；而特定功能控件是指实现某些特殊功能的用户操作按钮，具体是哪些特殊功能，可以在内容编辑系统中预先设置；而发布控件是用于将通过主体内容编辑控件和特定功能控件分别编辑的主体内容和编辑后代码进行发布的按钮。

可以理解，本实施例中内容编辑系统综合了多种编辑方式，可以包括代码编辑方式和文本编辑方式等。其中，通过代码编辑方式可以实现某些特定功能，比如可以编辑与主体内容相关的展示文件或相关代码等，通过文本编辑方式可以编辑主体内容等；主体内容可以是任意题型的习题或讲课的讲义等内容，则通过代码编辑方式可以编辑习题完成的效果展示文件或对学生用户的可见代码等，而通过文本编辑方式可以直接编辑习题的题干等主体内容。

具体地，用户可以操作内容编辑系统，使得内容编辑系统根据用户操作显示内容编辑界面，这里内容编辑界面是进行文本编辑和代码编辑的主体界面，在内容编辑界面上可以包括多种功能控件，比如对主体内容的属性信息进行设置的内容设置控件、主体内容编辑控件、特定功能控件及发布控件等，通过内容编辑界面可以展示各种编辑方式的编辑区域。

在具体实现过程中，内容编辑系统显示的内容编辑界面可以采用多种形式的界面，一般包括但不限于如下两种形式：

(1)在内容编辑界面包括多种功能控件，当用户对内容编辑界面的特定功能控件进行操作时，内容编辑系统会按照如下步骤103到104，即在内容编辑界面展示代码编辑区域；当用户对主体内容编辑控件进行操作时，内容编辑系统会执行步骤102，即在内容编辑界面上显示文本编辑区域。

例如图2b所示的内容编辑界面为习题编辑界面，包括用于实现内容设置的“设置习题”控件，用于实现习题题干(即主体内容)编辑的“编辑题干”控件，“编辑草稿”、“定制积木块分类”、“定制积木块”和“学生可见代码”等特定功能控件及发布控件。

(2)当显示内容编辑界面时，内容编辑系统会默认直接显示某一编辑方式的编辑区域，并执行如下步骤102。

例如图2c所示，内容编辑系统在显示习题编辑界面时，不用用户对“编辑题干”控件进行操作，直接默认显示文本编辑区域，具体包括文本编辑子区和预览子区；如果需要进行代码编辑时，用户可以对特定功能控件进行操作，比如对“编辑草稿”、“定制积木块分类”、“定制积木块”和“学生可见代码”等特定功能控件进行操作时，内容编辑系统才会在内容编辑界面上展示代码编辑区域；另外，在习题编辑界面还会包括“保存并发布”的发布控件。

其中，内容编辑系统在显示文本编辑区域的同时，还会显示其它功能控件，比如发布控件、特定功能控件等。

步骤102，根据上述主体内容编辑控件在内容编辑界面显示的文本编辑区域编辑主体内容。

这里，文本编辑区域是用户可以进行文本编辑的区域，可以包括编辑子区和预览子区，在编辑子区用户可以输入主体内容，比如任意类型的题干，而通过预览子区的显示内容，相应地调整编辑子区中输入的主体内容。

步骤103，根据内容编辑界面显示的特定功能控件，在内容编辑界面展示代码编辑区域。

具体地，内容编辑系统在内容编辑界面展示代码编辑区域时，会将代码编辑区域展示在内容编辑界面的某一位置，使得代码编辑区域不会挡住内容编辑界面的其它各个功能控件，比如发布控件和主体内容编辑控件等。

例如图3a所示的代码编辑区域，包括积木子区30、编辑子区31、素材子区32和预览子区33，该代码编辑区域是在“编辑草稿”这个特定功能下的代码编辑区域，其展示位置是在各个其它功能控件，比如“编辑题干”、“定制积木块”、“作业设置”、“预览作业”和“保存并发布”等功能控件的下方，且不会挡住内容编辑界面的各个功能控件的位置。

步骤104，在代码编辑区域编辑与主体内容相关联的代码，得到编辑后代码。

可以理解，由于底层代码是通过函数之间的相互调用来实现的，为了简化用户对代码的编辑，一种具体实现中，可以将每个函数通过一个可视化的图像来体现，比如一个积木块，这样，内容编辑系统可以将积木块显示在代码编辑区域，用户可以不需要了解积木块具体的函数表示，而是在代码编辑区域拖动多个积木块使得多个积木块之间进行嵌套，当从代码编辑区域接收到用户编辑的积木块，会将用户编辑的积木块转化为函数之间的调用代码并储存，从而实现函数之间的相互调用，方便了用户进行代码编辑，且降低了对代码编辑用户的要求。

需要说明的是，在具体实现过程中，上述特定功能可以包括但限于如下功能：编辑与主体内容相关联的展示文件、定制另一用户(即学生用户号)可见代码、定制积木分类和定制积木块等，其中，针对每个特定功能，内容编辑系统可以采取相应的代码编辑方法，在代码编辑区域编辑与主体内容相关联的代码：

(1)当特定功能为编辑与主体内容相关联的展示文件，或是为定制另一用户可见代码的情况

如图3a所示，在代码编辑区域可以包括积木子区30、编辑子区31和素材子区32，还可以包括预览子区33，其中，积木子区30用于显示积木代码列表，包括多个积木分类，比如“控制”、“事件”“动作”等积木分类，每个积木分类包括多个积木块，比如“事件”积木分类中包括“当角色被点击”和“停止所有角色”等积木块；编辑子区31用于放置用户拖动的积木块；素材子区32用于展示在编辑代码过程中所用到的图像和声音等素材；预览子区33用于展示用户编辑的代码的运行结果，可以通过预览子区展示的运行结果，随时相应地调整编辑子区31中放置的积木块之间的嵌套关系。

这样，用户可以在代码编辑区域，将积木块从积木子区30向编辑子区31拖动，从素材子区32选择素材，且设置所述拖动的积木块中执行对象为选择的素材信息后，得到可视化编辑代码，具体如编辑子区31中显示的相互嵌套的多个积木块；同时，内容编辑系统还可以在预览子区33展示可视化编辑代码的运行结果。

其中，当特定功能为定制另一用户可见代码，且内容编辑系统在编辑与主体内容相关联的展示文件时，已编辑并储存有的已编辑代码文件，则内容编辑系统会在内容编辑界面上显示已编辑代码文件的获取控件，用户操作该获取控件时，会获取与主体内容相关联的已编辑代码文件，并在代码编辑区域显示已编辑代码文件中的代码，则在代码编辑区域编辑得到的编辑后代码是可以根据已编辑代码文件中的代码进行编辑的。

例如图3b所示，在内容编辑界面上显示的已编辑代码文件的获取控件，具体为“导入草稿”的按钮，当用户点击该按钮时，内容编辑系统会获取已编辑代码文件，并在编辑子区31显示已编辑代码文件中的代码，比如相互嵌套的多个积木块(如图3a中编辑子区31呈现的积木块)，这样，用户可以拖动这些积木块，以取消编辑子区31显示的多个积木块的嵌套关系，将单独的无任何关系的各个积木块作为另一用户可见代码，例如图3b中编辑子区31内单独摆放的积木块。

其中，另一用户可见代码是指当前用户(比如教师用户)在编辑好代码并发布后，另一用户(比如学生用户)通过内容编辑系统打开编辑好的内容时，在代码编辑区域的编辑子区31呈现给学生用户的代码，这样，学生用户就可以根据编辑子区31呈现的代码，继续进行代码编辑，比如拖动积木块，形成多个积木块的嵌套关系等。

进一步地，当用户在代码编辑区域编辑得到可视化编辑代码后，内容编辑系统会获取可视化编辑代码对应的底层的函数调用数据，并储存，即可储存为已编辑代码文件，具体可以为json格式的文件。

(2)特定功能为定制积木块的情况

在代码编辑区域可以包括积木子区30、编辑子区31和积木块创建控件34，其中积木块创建控件34用于创建新的积木块，比如将多个嵌套的积木块组合作为一个新的积木块；当在代码编辑区域上接收对积木块创建控件34的操作信息，且将多个积木块从积木子区30向编辑子区31拖动，将多个积木块组合成一个新的积木块；然后将新的积木块加入到所述积木子区30的积木分类列表的某一积木分类中，比如加入到“自定义”分类列表中。

例如图3c所示的代码编辑区域显示的积木块创建控件34具体为“新建block”按钮，当用户点击该按钮，且从积木子区30向编辑子区31拖动多个积木块，形成相互之间的嵌套形式，这样，内容编辑系统会将这些积木块组成一个新的积木块，且可以在编辑子区31的积木块中设置新的积木块的函数名称，比如“定制积木块”。另外，在代码编辑区域还可以显示“删除当前block”及“重置当前block”的按钮，其中，当用户点击“删除当前block”，内容编辑系统可以将组成的新的积木块删除，当用户点击“重置当前block”的按钮，内容编辑系统可以取消这些积木块的组合。

另外，在代码编辑区域还可以显示“是否隐藏实现代码”的选择框，当用户选择“隐藏实现代码”，则内容编辑系统会隐藏该新的积木块内的其它积木块，保留显示新的积木块中的主要一个积木块。

(3)特定功能为定制积木分类的情况

在代码编辑区域可以包括积木子区30、编辑子区31和积木分类创建控件35，其中积木分类创建控件35用于创建新的积木分类。具体地，当在代码编辑区域上接收对积木分类创建控件35的操作信息，在积木子区30的积木分类列表中增加新的积木分类，并将待添加的多个积木块添加到新的积木分类中，可以从积木子区30将多个积木块拖动到编辑子区31作为新的积木分类中的积木块。

例如图3d所示的代码编辑区域显示的积木分类创建控件35具体为“新建自定义分类”和“当前分类下新建子分类”等按钮，还可以包括“删除当前分类”、“重置当前分类”、“当前分类上移”及“移动当前分类到其它分类下”等用于修改积木子区30中积木分类的按钮。

需要说明的是，上述(3)和(4)中分别定制积木块和积木分类的目的是：方便用户在编辑与主体内容相关联的展示文件，和定制另一用户可见代码过程中，使用定制的积木块或积木分类进行代码编辑。

另外需要说明的是，代码编辑区域的运行可以有多种模式，比如python模式、C语言模式、图形化编程模式(即积木块模式)、硬件模式、人工智能(ArtificialIntelligence,AI)、JavaScript模式及p5.js等模式，上述的是在其中一种模式(即图形化编程模式)下，在代码编辑区域进行代码编辑的方法，其它实施例中，可以采用其它模式的代码编辑区域进行代码编辑，在这里不进行赘述。

例如图3e所示的内容编辑界面中包括的代码编辑区域中，包括代码编辑子区40、素材子区41和预览子区42，在代码编辑子区40可以包括代码编辑区域的模式的更新控件，具体为代码编辑区域左上角的选择按钮，用户当前选择的是“代码编辑”模式，则代码编辑区域会显示代码输入行，可以包括多行代码输入行；当用户通过选择按钮选择“图形化编程模式”，则代码编辑区域可以显示上述3a到3d中任一种代码编辑区域。

步骤105，根据上述发布控件发布上述通过文本编辑区域编辑的主体内容，及通过代码编辑区域编辑的编辑后代码转中的某些编码后代码。

具体地，内容编辑系统发布的某些编辑后代码是当特定功能是编辑与主体内容相关联的展示文件，或是定制另一用户可见代码时，通过代码编辑区域编辑的编码后代码；而当特定功能是定制积木块或定制积木块分类的情况下，通过代码编辑区域编辑的编辑后代码不需要发布。

进一步地，当通过上述的多种编辑方式完成编辑后，且在发布主体内容和编辑后代码之前，内容编辑系统还可以对主体内容和编辑后代码进行预览，具体地，在内容编辑界面还包括预览控件，例如上述图3a到3e中所示的“预览作业”按钮，则当内容编辑系统接收到对预览控件的用户操作信息，在主体内容区域展示主体内容，而在代码编辑区域展示与主体内容相关联的展示文件和/或另一用户可见代码。通过预览控件显示的内容编辑界面是当主体内容和编辑后代码发布后，另一用户(比如学生用户)登录内容编辑系统后可见的内容编辑界面。

其中，主体内容区域和代码编辑区域可以同时在内容编辑界面中的相应位置进行展示，而各个区域具体的位置可以由内容编辑系统来决定。例如图3f所示，主体内容区域50在左侧，而同时代码编辑区域在右侧，分别进行相应内容的展示，其中，代码编辑区域包括积木子区30、编辑子区31、预览子区33和素材子区32。

这样，内容编辑系统可以控制主体内容区域与代码编辑区域之间的位置，使得各个区域之间不会相互重叠，而内容编辑系统可以根据其它区域的展开或隐藏，自适应地调整代码编辑区域在内容编辑界面的大小，比如当主体内容区域隐藏时，代码编辑区域会变大，当主体内容区域展开时，代码编辑区域会变小。

可见，在本实施例的方法中，内容编辑系统会综合多种编辑方式，具体在内容编辑界面会显示主体内容编辑控件、特定功能控件和发布控件，根据主体内容编辑控件在内容编辑界面显示的文本编辑区域编辑主体内容；根据特定功能控件在内容编辑界面展示代码编辑区域，并在代码编辑区域进行代码编辑得到编辑后代码；根据发布控件发布主体内容和编辑后代码中的某些编码后代码。这样，通过将代码编辑方式和文本编辑方式融入到对主体内容进行编辑的过程中，使得围绕主体内容的编辑多样化，可以应用于教育领域对教学讲义或试题等内容的编辑。

需要说明的是，上述步骤101到105是通过内容编辑界面对主体内容及其相关编辑代码进行编辑并发布的过程，在具体实现的一个实施例中，在上述步骤之前，内容编辑系统还可以执行如下步骤，以设置主体内容的属性信息，流程图如图4所示，包括：

步骤201，当接收到对主体内容的创建请求，获取代码编辑区域的配置数据。

这里代码编辑区域的配置数据是指代码编辑区域运行的相关数据，例如，配置数据可以包括但不限于如下信息：积木环境数据(blockEnvironment)，用于描述积木分类定制及积木块定制中积木展示的环境；编辑范围(editRange)，用于描述代码编辑区域的编辑范围，比如是否定制积木分类或积木块等；位置范围描述(descriptionPositionRange)，用于描述内容编辑界面中代码编辑区域与其它编辑界面的位置关系；支持的功能(supportRange)，用于描述代码编辑区域除了代码编辑之外所实现的功能，比如发布或分享等；代码编辑区域的模式；设置数据(projectSetting)，用于描述代码编辑区域的属性信息。具体地，代码编辑区域的配置数据是预置在内容编辑系统中的。

步骤202，根据配置数据对主体内容的设置内容进行初始化，得到初始化后的设置内容。

这里，主体内容的设置内容主要是主体内容的属性信息，例如，主体内容是习题，教师用户通过内容设置界面可以设置的属性信息包括但不限于如下信息：习题的标题、习题类型、权限、习题实验室、定制积木分类、可定制积木块、可定制学生可见代码及可定制知识点标签等。其中，对于积木块、积木分类及学生可见代码的定制都是需要通过代码编辑界面来实现。

由于代码编辑区域在运行时的相关数据与内容编辑系统对主体内容的设置内容中基于代码编辑的设置内容会不一致，本实施例中，内容编辑系统具体可以从对主体内容的原始设置内容中选择出与配置数据一致的设置内容，作为初始化后的设置内容。例如，原始设置内容中包括定制积木分类和积木块，而代码编辑区域的配置数据中编辑范围只包括可以定制积木分类，则得到的初始化后的设置内容中只包括定制积木分类。

需要说明的是，代码编辑区域运行的模式可以有多种，每种模式的代码编辑区域可以对应相应的配置数据，如果内容编辑系统中只支持一种模式的代码编辑区域，则内容编辑系统直接获取该模式的代码编辑区域的配置数据；如果支持多种模式的代码编辑区域，则内容编辑系统会在执行上述步骤201时，分别获取多种模式的代码编辑区域的配置数据，且在得到初始化后的设置内容时，可以在主体内容的原始设置内容中添加代码编辑区域的模式列表，这样，用户可以从模式列表中选择其中任一种模式。

步骤203，根据初始化后的设置内容显示主体内容的内容设置界面。

具体地，内容编辑系统可以将初始化后的设置内容中包括的各个属性信息的设置控件显示在内容设置界面，这样，用户可以在内容设置界面输入相应属性的属性值，则内容编辑系统会从内容设置界面接收到主体内容的属性信息，包括用户输入到内容设置界面的各个属性的属性值。

例如图5所示的内容设置界面，包括如下属性信息的设置控件：习题的标题、习题类型、权限、习题实验室、定制积木分类、可定制积木块、可定制学生可见代码及可定制知识点标签。用户输入的习题名称为“示例”，输入的习题类型为“读图题”，输入的习题实验室为“创意实验室”，且选择需要定制积木分类、积木块、学生可见代码及知识点标签，当用户点击“创建习题”的按钮，则内容编辑系统会从内容设置界面接收到主体内容的属性信息。

其中，当内容编辑系统从内容设置界面接收到主体内容的属性信息，则在执行上述步骤101时，会根据主体内容的属性信息显示内容编辑界面。例如，如果从内容设置界面接收到的属性信息包括如下至少一个信息：定制积木分类的信息、定制积木块的信息及定制学生可见代码的信息，则内容编辑系统在执行上述步骤101时，在内容编辑界面相应地包括实现如下至少一个功能的控件：定制积木分类、定制积木块及定制学生可见代码。

进一步地，在本实施例中，在进行代码编辑的过程中，可以更新代码编辑区域的当前模式，这样，需要获取更新模式的代码编辑区域的配置数据，且针对更新模式后的代码编辑区域，执行在内容编辑界面展示代码编辑区域、及在代码编辑区域编辑与主体内容相关联的代码的步骤，即上述步骤102到104。

其中，在更新代码编辑区域的当前模式时，可以通过开启内容设置界面，并通过内容设置界面来重新选择代码编辑区域的另一模式，从而实现了更新代码编辑区域的当前模式。

可见，通过上述步骤201到203可以实现了将代码编辑区域接入到内容编辑系统中，以实现在内容编辑系统中可以对与主体内容相关联的代码进行代码编辑。

以下以一个具体的应用实例来说明本发明的内容编辑方法，本实施例的方法具体应用于教学过程中，教师用户通过内容编辑系统对习题进行编辑，其中，习题为主体内容。如图6所示，本实施例中的内容编辑系统按照功能划分可以包括如下几个部分功能模块：登录模块、习题创建并设置模块、习题编辑模块、习题储存和发布模块，还可以包括习题搜索和打开本地习题等功能模块。

其中，登录模块主要负责任一用户登录到内容编辑系统；

习题创建并设置模块，用于创建并设置习题的属性信息，包括习题名称、习题实验室和权限等基础信息，及积木分类定制、积木块定制、学生可见代码和知识点标签等高级功能信息；

习题编辑模块，用于通过文本编辑方式编辑习题的主体内容即题干，还可以导入或导出习题、通过代码编辑方式编辑与习题相关联的展示文件即编辑草稿和学生可见代码，还可以预览习题；

习题储存和发布模块，用于储存编辑好的习题且将编辑好的习题进行发布或下架等。

具体地，如图7所示，本实施例的内容编辑方法可以包括如下步骤：

步骤301，教师用户通过登录模块登录到内容编辑系统中，且通过操作内容编辑系统，发起对主体内容即待编辑习题的创建请求。

步骤302，习题创建并设置模块接收到创建请求，获取代码编辑区域的配置数据，并根据配置数据对待编辑习题的设置内容进行初始化，得到初始化后的设置内容，并根据初始化后的设置内容显示待编辑习题的内容设置界面，具体如图5所示。

具体地，习题创建并设置模块获取的配置数据可以如下表1中所示：

表1

步骤303，习题创建并设置模块从内容设置界面接收到待编辑习题的属性信息后，传输给习题编辑模块，由习题编辑模块根据该属性信息显示内容编辑界面，在内容编辑界面上包括特定功能控件，且还可以包括预览控件和主体内容编辑控件即题干编辑控件，及发布控件等。

如上述图2c所示的内容编辑界面显示的特定功能控件包括“定制积木分类”、“定制积木块”、“学生可见代码”及“编辑草稿”按钮，主体内容编辑控件为“编辑题干”按钮，还可以包括“知识点标签”按钮，预览控件为“预览作业”按钮，发布控件具体为“保存并发布”的按钮。

本实施例中，内容编辑系统中的习题编辑模块会直接默认显示“编辑题干”下的文本编辑区域，并执行步骤304；当用户点击“定制积木分类”按钮，习题编辑模块执行步骤305；当用户点击“定制积木块”按钮，习题编辑模块执行步骤306；当用户点击“编辑草稿”按钮，习题编辑模块执行步骤307；当用户点击“学生可见代码”按钮，习题编辑模块执行步骤308；当用户点击“知识点标签”按钮，习题编辑模块执行步骤309；当用户点击“预览作业”按钮，习题编辑模块执行步骤310。

用户通过内容编辑界面显示各个功能控件，对待编辑习题的题干、草稿和学生可见代码进行编辑后，可以点击“保存并发布”的按钮，则习题储存和发布模块会执行步骤311。

步骤304，习题编辑模块会在文本编辑区域上包括编辑子区和预览子区，通过文本编辑区域的编辑子区可以输入待编辑习题的题干，题干的格式包括：读图题、单选题、多选题、填空题和纯题干等，其中对于纯题干来说，在预览子区不会显示题干的最终展示形式，对于其它格式的题干，预览子区都会显示题干的最终展示形式。

步骤305，习题编辑模块会显示代码编辑区域，包括积木子区、编辑子区和积木分类创建控件，如图3d所示，在此不进行赘述，这样，通过代码编辑区域可以得到新的积木分类；同时也可以对内容编辑系统中已有积木分类中的积木块进行修改，比如在积木分类“事件”中只出现积木块“当运行被点击”。

步骤306，习题编辑模块会显示代码编辑区域，包括积木子区、编辑子区和积木块创建控件，如图3c所示，在此不进行赘述，这样，通过代码编辑区域可以得到新的积木块，比如多个积木块组合形成的一个新的积木块，并将新的积木块放到某一积木分类下。

步骤307，习题编辑模块会显示代码编辑区域，包括积木子区、编辑子区、素材子区和预览子区，如图3a所示，在此不进行赘述，这样，通过代码编辑区域可以编辑与待编辑习题相关联的展示文件，比如待编辑习题的完成效果展示文件等。其中，在编辑展示文件过程中，在积木子区显示的积木分类列表中的各个积木块是通过上述步骤305和306编辑得到的积木块。

步骤308，习题编辑模块会显示代码编辑区域，包括积木子区、编辑子区、素材子区、预览子区和已编辑代码文件的获取控件，具体为“导入草稿”按钮，如图3b所示，在此不进行赘述，这样，通过代码编辑区域可以编辑学生可见代码。

其中，如果在上述步骤307中已完成了草稿的编辑，则可以先点击“导入草稿”按钮，将草稿中使用的代码直接导入到代码编辑区域的编辑子区，在此基础上进行继续编辑，而不需要重复从积木子区进行拖动操作。

步骤309，习题编辑模块会显示标签编辑界面，编辑待编辑习题涉及到的知识点信息。例如图8所示的标签编辑界面中，包括多个标签的选择框，其中可选择的知识点标签包括“编程知识”、“数据知识”和“百科知识”等。

步骤310，习题编辑模块会在主体内容区域即题干区域显示待编辑习题的题干，同时在代码编辑区域展示待编辑习题的完成效果文件，具体如图3f所示，在此不进行赘述。

步骤311，习题储存和发布模块会储存和发布编辑后的习题，具体可以包括：习题的题干、草稿和学生可见代码等。

需要说明的是，上述实施例中所示的内容编辑界面(比如图3a到图3f)和内容设置界面等只是一种具体的应用实例，并不构成对各个界面具体形式的限定。

可见，通过本实施例中的内容编辑方法，可以将对待编辑习题的文本编辑方式与代码编辑方式相结合，在底层实现过程中，内容编辑系统会通过一个主控模块，接入到各个编辑方式的区域进行相应编辑，具体可以通过浮动框架(iframe)方式来实现，并通过主控模块与各个区域之间进行发送消息(postMessage)及接收消息(addEventListener)来进行通信，对于主控模块与主体内容区域即题干区域的通过可以通过如下步骤来实现，流程图如图9所示，包括：

步骤401，当题干区域在显示的过程中，当题干区域加载完成，主控模块会将结构化的主体内容数据即题干数据发送给题干区域。

步骤402，题干区域会对题干数据进行解析并展示，如果解析数据错误或无内容可展示，通知主控模块隐藏题干区域。

步骤403，用户可以在题干区域进行一定的操作，比如展开题干、缩小题干或变换题干索引时，题干区域会通知主控模块进行相应的变化，即相应地展示题干、缩小题干或变换题干索引。

步骤404，主控模块会在文本编辑区域编辑新的题干，并实时地发送新的题干数据给题干区域，则题干区域会返回执行步骤402。

对于主控模块与代码编辑区域的通信可以通过如下步骤来实现，流程图如图10所示，包括：

步骤501，当代码编辑区域在显示的过程中，当代码编辑区域加载完成，会向主控模块发送相应的配置数据，配置数据具体见上述实施例中所述，在此不进行赘述。

步骤502，主控模块会根据该配置数据对待编辑习题的设置内容进行初始化，得到初始化后的设置内容。

步骤503，在预览“编辑草稿”和“学生可见代码”中已编辑的代码过程中，主控模块会向代码编辑区域请求获取区域展示数据作为初始数据。

步骤504，在通过代码编辑区域进行代码编辑的过程中，主控模块还可以将内容编辑系统中储存的代码文件发送给代码编辑区域，由代码编辑区域根据代码文件进行展示。

步骤505，当主控模块更新代码编辑区域的模式时，更新模式的代码编辑区域会将相应的配置数据发送给主控模块，比如将blockEnvironment、projectSetting和editRange等配置数据发送给主控模块。

本发明实施例还提供一种内容编辑系统，其结构示意图如图11所示，具体可以包括：

界面显示单元10，用于显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件。

文本编辑单元11，用于根据所述界面显示单元10显示的主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑所述主体内容。

代码区域展示单元12，用于根据所述界面显示单元10显示的特定功能控件在所述内容编辑界面展示代码编辑区域。

代码编辑单元13，用于在所述代码区域展示单元12展示的代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码。

发布单元14，用于根据所述发布控件发布所述文本编辑单元11编辑的主体内容和所述代码编辑单元13得到的编辑后代码中的某些编码后代码。

发布单元14，用于根据所述发布控件发布所述主体内容，及当所述特定功能是编辑与所述主体内容相关联的展示文件，或是定制另一用户可见代码时，通过所述代码编辑区域编辑的编码后代码。

具体地，针对特定功能的不同，可以采取的代码编辑方法会不同：

(1)如果所述特定功能为编辑与主体内容相关联的展示文件，或是定制另一用户可见代码，所述代码编辑区域包括：积木子区、编辑子区和素材子区，所述代码编辑单元13，具体用于在代码编辑区域上，将积木块从所述积木子区向编辑子区拖动，从所述素材子区选择素材，且设置所述拖动的积木块中执行对象为所述选择的素材信息后，得到可视化编辑代码；则代码编辑单元13，还用于储存可视化编辑代码的函数调用数据。其中，所述代码编辑区域还包括预览子区，并在所述预览子区展示所述可视化编辑代码的运行结果。

(2)当所述特定功能为定制另一用户可见代码，所述代码编辑单元13，具体用于先获取与所述主体内容相关联的已编辑代码文件，在所述代码编辑区域显示所述已编辑代码文件中的代码，并在所述代码编辑区域编辑与所述主体内容相关联的代码时根据所述已编辑代码文件中的代码进行编辑。

(3)当所述特定功能为定制积木块，所述代码编辑区域包括：积木子区、编辑子区和积木块创建控件，则所述代码编辑单元13，具体用于当在所述代码编辑区域上接收对所述积木块创建控件的操作信息，且将多个积木块从所述积木子区向编辑子区拖动，将所述多个积木块组合成一个新的积木块；将所述新的积木块加入到所述积木子区的积木分类列表的某一积木分类中。

(4)当所述特定功能为积木分类定制，所述代码编辑区域包括：积木子区、编辑子区和积木分类创建控件，则所述代码编辑单元13，具体用于当在所述代码编辑区域上接收对所述积木分类创建控件的操作信息，在所述积木子区的积木分类列表中增加新的积木分类；将待添加的多个积木块添加到所述新的积木分类中。

进一步地，本实施例的内容编辑系统还包括：

预览单元15，用于当所述界面显示单元10显示的内容编辑界面还包括预览控件，当接收到对所述预览控件的操作信息，在所述主体内容区域展示所述主体内容，在代码编辑区域展示与所述主体内容相关联的展示文件和/或另一用户可见代码。

内容设置单元16，用于当接收到对主体内容的创建请求，获取所述代码编辑区域的配置数据；根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容；根据所述初始化后的设置内容显示所述主体内容的内容设置界面；当从所述内容设置界面接收到所述主体内容的属性信息，则所述界面显示单元10，具体用于根据所述内容设置单元16接收的主体内容的属性信息显示所述内容编辑界面。

其中，内容设置单元16在根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容时，具体用于从对所述主体内容的原始设置内容中选择出与所述配置数据一致的设置内容，作为初始化后的设置内容。

进一步地，内容设置单元16在获取所述代码编辑区域的配置数据时，具体用于分别获取多个编辑模式的代码编辑区域的配置数据；则所述根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容时，具体用于在所述主体内容的原始设置内容中添加代码编辑区域的模式列表。

其中，如果所述属性信息包括如下至少一个信息：定制积木分类的信息、定制积木块的信息及定制学生可见代码的信息；内容设置单元16在根据所述主体内容的属性信息显示所述内容编辑界面时，具体用于在所述内容编辑界面相应地包括实现如下至少一个功能的控件：定制积木分类、定制积木块及定制学生可见代码。

更新单元17，用于更新代码编辑区域的当前模式，获取更新模式的代码编辑区域的配置数据；针对更新模式后的代码编辑区域，通知代码区域展示单元12执行所述在内容编辑界面展示代码编辑区域、代码编辑单元13在代码编辑区域进行代码编辑的步骤。

这样，通过将代码编辑方式和文本编辑方式融入到对主体内容进行编辑的过程中，使得围绕主体内容的编辑多样化，可以应用于教育领域对教学讲义或试题等内容的编辑。

本发明实施例还提供一种终端设备，其结构示意图如图12所示，该终端设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(centralprocessing units，CPU)20(例如，一个或一个以上处理器)和存储器21，一个或一个以上存储应用程序221或数据222的存储介质22(例如一个或一个以上海量存储设备)。其中，存储器21和存储介质22可以是短暂存储或持久存储。存储在存储介质22的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对终端设备中的一系列指令操作。更进一步地，中央处理器20可以设置为与存储介质22通信，在终端设备上执行存储介质22中的一系列指令操作。

具体地，在存储介质22中储存的应用程序221包括内容编辑的应用程序，且该程序可以包括上述内容编辑系统中的界面显示单元10，文本编辑单元11，代码区域展示单元12，代码编辑单元13，发布单元14，预览单元15，内容设置单元16和更新单元17，在此不进行赘述。更进一步地，中央处理器20可以设置为与存储介质22通信，在终端设备上执行存储介质22中储存的内容编辑的应用程序对应的一系列操作。

终端设备还可以包括一个或一个以上电源23，一个或一个以上有线或无线网络控件24，一个或一个以上输入输出控件25，和/或，一个或一个以上操作系统223，例如WindowsServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM等等。

上述方法实施例中所述的由内容编辑系统所执行的步骤可以基于该图12所示的终端设备的结构。

本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质储存多个计算机程序，所述计算机程序适于由处理器加载并执行上述内容编辑系统所执行的内容编辑方法。

本发明实施例还提供另一种终端设备，包括处理器和存储器；所述存储器用于储存多个计算机程序，所述计算机程序用于由处理器加载并执行上述内容编辑系统所执行的内容编辑方法；所述处理器，用于实现所述多个计算机程序中的各个计算机程序。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM)、随机存取存储器(RAM)、磁盘或光盘等。

以上对本发明实施例所提供的内容编辑方法、系统及计算机可读存储介质和终端设备进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (15)

1.一种内容编辑方法，其特征在于，包括：

显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件；

根据所述主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑主体内容；

根据所述特定功能控件，在所述内容编辑界面展示代码编辑区域；

在所述代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码；

根据所述发布控件发布所述主体内容和所述编辑后代码中的某些编码后代码。

2.如权利要求1所述的方法，其特征在于，所述显示内容编辑界面之前，所述方法还包括：

当接收到对所述主体内容的创建请求，获取所述代码编辑区域的配置数据；

根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容；

根据所述初始化后的设置内容显示所述主体内容的内容设置界面；

当从所述内容设置界面接收到所述主体内容的属性信息，则所述显示内容编辑界面，具体包括：根据所述主体内容的属性信息显示所述内容编辑界面。

3.如权利要求2所述的方法，其特征在于，所述根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容，具体包括：

从对所述主体内容的原始设置内容中选择出与所述配置数据一致的设置内容，作为初始化后的设置内容。

4.如权利要求2所述的方法，其特征在于，所述获取所述代码编辑区域的配置数据，具体包括：分别获取多个编辑模式的代码编辑区域的配置数据；

则所述根据所述配置数据对所述主体内容的设置内容进行初始化，得到初始化后的设置内容，具体包括：在所述主体内容的原始设置内容中添加代码编辑区域的模式列表。

5.如权利要求2所述的方法，其特征在于，如果所述属性信息包括如下至少一个信息：定制积木分类的信息、定制积木块的信息及定制学生可见代码的信息；

所述根据所述主体内容的属性信息显示所述内容编辑界面，具体包括：在所述内容编辑界面相应地包括实现如下至少一个功能的控件：定制积木分类、定制积木块及定制学生可见代码。

6.如权利要求2所述的方法，其特征在于，所述方法还包括：

更新代码编辑区域的当前模式，获取更新模式的代码编辑区域的配置数据；

针对更新模式后的代码编辑区域，执行所述在所述内容编辑界面展示代码编辑区域、及在所述代码编辑区域编辑与主体内容相关联的代码的步骤。

7.如权利要求1至6任一项所述的方法，其特征在于，所述特定功能为编辑与主体内容相关联的展示文件，或是定制另一用户可见代码，所述代码编辑区域包括：积木子区、编辑子区和素材子区，则所述在所述代码编辑区域编辑与所述主体内容相关联的代码，具体包括：

在所述代码编辑区域上，将积木块从所述积木子区向编辑子区拖动，从所述素材子区选择素材，且设置所述拖动的积木块中执行对象为所述选择的素材信息后，得到可视化编辑代码。

8.如权利要求7所述的方法，其特征在于，当所述特定功能为定制另一用户可见代码，所述在所述代码编辑区域编辑与所述主体内容相关联的代码之前，还包括：

获取与所述主体内容相关联的已编辑代码文件，在所述代码编辑区域显示所述已编辑代码文件中的代码；

则所述编辑后代码是根据所述已编辑代码文件中的代码进行编辑的。

9.如权利要求1至6任一项所述的方法，其特征在于，所述特定功能为定制积木块，所述代码编辑区域包括：积木子区、编辑子区和积木块创建控件，则所述在所述代码编辑区域编辑与所述主体内容相关联的代码，具体包括：

当在所述代码编辑区域上接收对所述积木块创建控件的操作信息，且将多个积木块从所述积木子区向编辑子区拖动，将所述多个积木块组合成一个新的积木块；

将所述新的积木块加入到所述积木子区的积木分类列表的某一积木分类中。

10.如权利要求1至6任一项所述的方法，其特征在于，所述特定功能为积木分类定制，所述代码编辑区域包括：积木子区、编辑子区和积木分类创建控件，则所述在所述代码编辑区域编辑与所述主体内容相关联的代码，具体包括：

当在所述代码编辑区域上接收对所述积木分类创建控件的操作信息，在所述积木子区的积木分类列表中增加新的积木分类；

将待添加的多个积木块添加到所述新的积木分类中。

11.如权利要求10所述的方法，其特征在于，在所述内容编辑界面还包括：预览控件，所述方法还包括：

当接收到对所述预览控件的用户操作信息，在所述主体内容区域展示所述主体内容，在代码编辑区域展示与所述主体内容相关联的展示文件和/或另一用户可见代码。

12.如权利要求1至6任一项所述的方法，其特征在于，所述根据所述发布控件发布所述主体内容和编辑后代码中的某些编码后代码，具体包括：

根据所述发布控件发布所述主体内容，及当所述特定功能是编辑与所述主体内容相关联的展示文件，或是定制另一用户可见代码时，通过所述代码编辑区域编辑的编码后代码。

13.一种内容编辑系统，其特征在于，包括：

界面显示单元，用于显示内容编辑界面，所述内容编辑界面包括主体内容编辑控件、特定功能控件和发布控件；

文本编辑单元，用于根据所述主体内容编辑控件，在所述内容编辑界面显示的文本编辑区域编辑所述主体内容；

代码区域展示单元，用于根据所述特定功能控件在所述内容编辑界面展示所述代码编辑区域；

代码编辑单元，用于在所述代码编辑区域编辑与所述主体内容相关联的代码，得到编辑后代码；

发布单元，用于根据所述发布控件发布所述主体内容和所述编辑后代码中的某些编码后代码。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质储存多个计算机程序，所述计算机程序适于由处理器加载并执行如权利要求1至12任一项所述的内容编辑方法。

15.一种终端设备，其特征在于，包括处理器和存储器；

所述存储器用于储存多个计算机程序，所述计算机程序用于由处理器加载并执行如权利要求1至12任一项所述的内容编辑方法；所述处理器，用于实现所述多个计算机程序中的各个计算机程序。

Images