With Block Editor you can instantly edit the code of the particular block or component on the fly without the opening the full page code editor.
To use the block editor
1) Click on any of these elements in the Canvas - DIV, SECTION, NAV, UL, OL
2) Then click on the code editor icon
3) It will open the separate code-editor instance by showing the code of the particular selected Block or Component.