Codeblock

Creating

Put selection in the single paragraph, and press code block button. Paragraph should change to code block.

Select multiple paragraphs and press code block icon. All blocks should be changed into one code block element with a multiple lines.

Change the middle paragraph into code block, select the preceding and the following paragraph, and press code block button. All selected blocks should be merged into one code block.

Try to create code block into block quote - it should work fine.

Try to create create a block quote into a table - it should work fine.

Leaving the code block using enter

Block end

Create two empty lines at the end of the block and put the selection there.

Press Enter again.

The new lines created in the code block should no longer be there.

A new empty paragraph should be created after the code block.

The selection should be in that paragraph.

Block beginning

Similarly, create an empty line at the beginning of the block and put the selection there.

The operation should be mirrored upon enter (empty paragraph created before, not after, etc.).

Shift+Enter

The above scenarios should not work when using Shift+Enter.

Indenting and outdenting

Use Tab to insert tab (selection in the middle of the line) or indent entire line (selection before line's text).

Use Shift+Tab to outdent the line.

Try both with different selections, e.g. containing multiple lines.

It should act similarly to native code editors.

Use the "Increase indent" and "Decrease indent" buttons in the toolbar – their actions should correspond to the keystrokes.

Plain text

You learn to appreciate each and every single one of the differences while you become more culturally fluid.

function foo() {
		console.log( 'indented using 1 tab' );
	}

	function bar() {
	    console.log( 'indented using spaces' );
	}

Getting used to an entirely different culture can be challenging. While it’s also nice to learn about cultures online or from books, nothing comes close to experiencing cultural diversity in person. You learn to appreciate each and every single one of the differences while you become more culturally fluid.

body { color: red }

You learn to appreciate each and every single one of the differences while you become more culturally fluid.

p { font-size: 10px; }

Some ASCII art:

 ________________
	/                \
	| How about moo? |  ^__^
	\________________/  (oo)\_______
	                  \ (__)\       )\/\
	                        ||----w |
	                        ||     ||

Creating

Leaving the code block using enter

Block end

Block beginning

`Shift`+`Enter`

Indenting and outdenting

Preserving indent on enter

Integration with Autoformat

Creating

Leaving the code block using enter

Block end

Block beginning

Shift+Enter

Indenting and outdenting

Preserving indent on enter

Integration with Autoformat

`Shift`+`Enter`