{"id":8969,"date":"2022-08-30T12:44:06","date_gmt":"2022-08-30T19:44:06","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=8969"},"modified":"2023-02-02T09:29:37","modified_gmt":"2023-02-02T17:29:37","slug":"monaco-code-editor","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/resources\/docs\/screen\/more-screen-resources\/monaco-code-editor\/","title":{"rendered":"Code editor"},"content":{"rendered":"\n<p>Our Monaco-based IDE offers several features which make it easier for your candidate to produce quality code during their assessment:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Syntax highlighting<\/strong> that uses a color scheme adapted to the programming language of a given question. This makes understanding a program&#8217;s structure and finding what you&#8217;re looking for much easier.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefbeb0b7.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefbeb0b7.png\" alt=\"A code snippet with different keywords of the syntax are different colors.\" width=\"419\" height=\"351\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Automatic completion<\/strong> (i.e. \u201cautocomplete\u201d) to increase coding speed.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefd8d3d3.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefd8d3d3.png\" alt=\"An example of autoexample for the &quot;return&quot; keyword.\" width=\"771\" height=\"252\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Automatic error diagnostics<\/strong>, displayed as red squiggles under any code with errors.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefe6ca51.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefe6ca51.png\" alt=\"A red underline showing a syntax error.\" width=\"171\" height=\"101\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li><strong>Contextual help<\/strong> when you hover over a function. A pop-up window displays the list of parameters, expected return value, and documentation for the function.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff00c8e.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff00c8e.png\" alt=\"An example of contextual help with an explanation of the toLowerCase() java method.\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li><strong>Formatting the document<\/strong> is available through the right-click menu. This produces a standardized code layout that&#8217;s easy to read.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff8e78d.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff8e78d.png\" alt=\"The IDE right click menu with the &quot;Format Document&quot; item highlighted.\" width=\"320\" height=\"385\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li><strong>Automatic packages import<\/strong>. Adding a class automatically adds the corresponding import line, ensuring time efficiency for the candidate.<\/li>\n<\/ol>\n","protected":false},"parent":22470,"menu_order":5,"template":"","class_list":["post-8969","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/8969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":14,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/8969\/revisions"}],"predecessor-version":[{"id":23651,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/8969\/revisions\/23651"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/22470"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=8969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}