actualNoteContentPart: ## Languages supported: insert on first line to format a code block
  The editor can be configured to perform syntax highlighting and bracket matching for a number of different languages:
  Javascript
  C, C++ and C#
  CSS, SCSS
  HTML (including HTML that embed Javascript and CSS)
  Python
  Ruby
  Rust
  XML
  Plain
  Include any of those words in the first line of your code block, and the remainder of the code block will apply syntax highlighting and bracket-matching rules applicable to the language you chose. So for example, you could preface a code block with # python or // C or <!-- html -->.
  
  Note that you can also specify as your language definition the styled block text formats described at the end of this page:
  rainbow1
  rainbow2
  rainbow3
  rainbow4
  rainbow5
  All language tokens are case-insensitive. It doesn't matter if you refer to them in lower-case, upper-case or mixed case. 
  
  ## Configuring language used
  To explicitly set the language of your code, mention one of the languages in that list in the first line of your code block (e.g., if you're writing HTML the first line of your code block might be <-- html -->). The editor block will perform a non-case-sensitive search, and if it discovers the name of a programming language from the list known languages it will start using that language for the syntax highlighting for your block. After you have prescribed which language to use, that language will be "remembered" unless/until you specify some other language on the first line of the code block.
  
  ## Other code-editing features supported
  Our CodeMirror instance is configured to support a number of features that make it easier to write code (i.e., for [Amplenote Plugins](/help/guide_to_developing_amplenote_plugins) , which are a special kind of code blocks within a note):
  **Automatic bracket/element closing**. When you open a curly brace, CodeMirror will automatically create a closing bracket for you. If you create an HTML element, CodeMirror will automatically create a closing element for you.
  **Automatic language detection**. If you paste in a code block that uses a functional signature specific to a certain language, the correct language will be selected without specifically entering it as the first line of the code block
  **Syntax highlighting**. When moving your cursor over a symbol or element related to another (like the end bracket of a bracket set), the related element will be highlighted.
  **Retain tab depth within method/function**. When you indent code within a function/method, that indent level will be retained through Enter press until you close the method/function.
  **Code formatting retained in published and embedded notes**. Colored syntax formatting is retained even for public, non-logged-in viewers of notes that are published or embedded.
  **Copy entire code block**. [Hover on a code block and you'll get an icon in the upper right that can be clicked to copy the entire contents of a code block](https://images.amplenote.com/a97c2516-f9ba-11ed-bb5d-46cd9704ac56/e5e6fc8d-de01-4e13-8233-6489dabebbc6.png) . Very useful if you plan to publish a blog or public wiki where developers may want to copy from the examples you provide.
processedNoteContent: ---
  title: Code block & colored block text formatting
  headers: ## Languages supported: insert on first line to format a code...
  ---
  Languages supported: insert on first line to format a code block
  The editor can be configured to perform syntax highlighting and bracket matching for a number of different languages:
  Javascript
  C, C++ and C#
  CSS, SCSS
  HTML (including HTML that embed Javascript and CSS)
  Python
  Ruby
  Rust
  XML
  Plain
  Include any of those words in the first line of your code block, and the remainder of the code block will apply syntax highlighting and bracket-matching rules applicable to the language you chose. So for example, you could preface a code block with # python or // C or 
  . Note that you can also specify as your language definition the styled block text formats described at the end of this page:
  rainbow1
  rainbow2
  rainbow3
  rainbow4
  rainbow5
  All language tokens are case-insensitive. It doesn't matter if you refer to them in lower-case, upper-case or mixed case. 
  Configuring language used
  To explicitly set the language of your code, mention one of the languages in that list in the first line of your code block (e.g., if you're writing HTML the first line of your code block might be <-- html -->). The editor block will perform a non-case-sensitive search, and if it discovers the name of a programming language from the list known languages it will start using that language for the syntax highlighting for your block. After you have prescribed which language to use, that language will be "remembered" unless/until you specify some other language on the first line of the code block. 
  Other code-editing features supported
  Our CodeMirror instance is configured to support a number of features that make it easier to write code (i.e., for [Amplenote Plugins](/help/guide_to_developing_amplenote_plugins)
   , which are a special kind of code blocks within a note):
  Automatic bracket/element closing
  . When you open a curly brace, CodeMirror will automatically create a closing bracket for you. If you create an HTML element, CodeMirror will automatically create a closing element for you.
  Automatic language detection
  . If you paste in a code block that uses a functional signature specific to a certain language, the correct language will be selected without specifically entering it as the first line of the code block
  Syntax highlighting
  . When moving your cursor over a symbol or element related to another (like the end bracket of a bracket set), the related element will be highlighted.
  Retain tab depth within method/function
  . When you indent code within a function/method, that indent level will be retained through Enter press until you close the method/function.
  Code formatting retained in published and embedded notes
  . Colored syntax formatting is retained even for public, non-logged-in viewers of notes that are published or embedded.
  Copy entire code block
  . [Hover on a code block and you'll get an icon in the upper right that can be clicked to copy the entire contents of a code block](https://images.amplenote.com)`
   . Very useful if you plan to publish a blog or public wiki where developers may want to copy from the examples you provide.
noteTitle: Code block & colored block text formatting