mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 11:47:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

add h4, h5 and h6

Browse source
This commit is contained in:
Matthew Hodgson 2018-05-19 23:34:30 +01:00
parent 1f05aea884
commit 572a31334f
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/views/rooms/MessageComposerInput.js
View file

@ -92,6 +92,9 @@ const BLOCK_TAGS = {
h1: 'heading-one', h1: 'heading-one',
h2: 'heading-two', h2: 'heading-two',
h3: 'heading-three', h3: 'heading-three',
h4: 'heading-four,
h5: 'heading-five',
h6: 'heading-six',
li: 'list-item', li: 'list-item',
ol: 'numbered-list', ol: 'numbered-list',
pre: 'code-block', pre: 'code-block',
@ -632,6 +635,9 @@ export default class MessageComposerInput extends React.Component {
this.hasBlock('heading-one') || this.hasBlock('heading-one') ||
this.hasBlock('heading-two') || this.hasBlock('heading-two') ||
this.hasBlock('heading-three') || this.hasBlock('heading-three') ||
this.hasBlock('heading-four') ||
this.hasBlock('heading-five') ||
this.hasBlock('heading-six') ||
this.hasBlock('code-block'))) this.hasBlock('code-block')))
{ {
return change.setBlocks(DEFAULT_NODE); return change.setBlocks(DEFAULT_NODE);
@ -687,6 +693,9 @@ export default class MessageComposerInput extends React.Component {
case 'heading-one': case 'heading-one':
case 'heading-two': case 'heading-two':
case 'heading-three': case 'heading-three':
case 'heading-four':
case 'heading-five':
case 'heading-six':
case 'list-item': case 'list-item':
case 'code-block': { case 'code-block': {
const isActive = this.hasBlock(type); const isActive = this.hasBlock(type);
@ -1215,6 +1224,12 @@ export default class MessageComposerInput extends React.Component {
return <h2 {...attributes}>{children}</h2>; return <h2 {...attributes}>{children}</h2>;
case 'heading-three': case 'heading-three':
return <h3 {...attributes}>{children}</h3>; return <h3 {...attributes}>{children}</h3>;
case 'heading-four':
return <h4 {...attributes}>{children}</h4>;
case 'heading-five':
return <h5 {...attributes}>{children}</h5>;
case 'heading-six':
return <h6 {...attributes}>{children}</h6>;
case 'list-item': case 'list-item':
return <li {...attributes}>{children}</li>; return <li {...attributes}>{children}</li>;
case 'numbered-list': case 'numbered-list':