diff --git a/bbcode/Tester.vue b/bbcode/Tester.vue
new file mode 100644
index 0000000..f44cc1f
--- /dev/null
+++ b/bbcode/Tester.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <textarea v-model="code">
+
+    </textarea>
+
+    <bbcode :text="code"></bbcode>
+  </div>
+</template>
+
+
+<script lang="ts">
+    import * as _ from 'lodash';
+    import { Component } from '@f-list/vue-ts';
+    import Vue from 'vue';
+
+    import { BBCodeView } from './view';
+    import { StandardBBCodeParser } from './standard';
+
+    const standardParser = new StandardBBCodeParser();
+
+    @Component({
+        components: {
+            bbcode: BBCodeView(standardParser)
+        }
+    })
+    export default class BBCodeTester extends Vue {
+      code = '[center][heading][collapse=Testing Collapse][url=https://google.com/]This is a link [/url][/collapse][/heading][/center]'
+    }
+</script>
+
+
+<style lang="scss">
+
+
+</style>
diff --git a/bbcode/standard.ts b/bbcode/standard.ts
index 806c7ec..ef53df5 100644
--- a/bbcode/standard.ts
+++ b/bbcode/standard.ts
@@ -50,7 +50,7 @@ export class StandardBBCodeParser extends CoreBBCodeParser {
         this.addTag(new BBCodeSimpleTag('small', 'span', ['smallText'], ['url', 'i', 'u', 'b', 'color', 's']));
         this.addTag(new BBCodeSimpleTag('sub', 'span', ['smallText'], ['url', 'i', 'u', 'b', 'color', 's']));
         this.addTag(new BBCodeSimpleTag('indent', 'div', ['indentText']));
-        this.addTag(new BBCodeSimpleTag('heading', 'h2', [], ['url', 'i', 'u', 'b', 'color', 's', 'big', 'sub']));
+        this.addTag(new BBCodeSimpleTag('heading', 'h2', [], ['collapse', 'justify', 'center', 'left', 'right', 'url', 'i', 'u', 'b', 'color', 's', 'big', 'sub']));
         this.addTag(new BBCodeSimpleTag('row', 'div', ['row']));
         this.addTag(new BBCodeCustomTag('col', (parser, parent, param) => {
             const col = parser.createElement('div');
diff --git a/electron/Index.vue b/electron/Index.vue
index f7c445a..e6bd424 100644
--- a/electron/Index.vue
+++ b/electron/Index.vue
@@ -11,6 +11,8 @@
                     <i class="fas fa-circle-notch fa-spin search-spinner"></i>
                 </div>
 
+                <BBCodeTester v-show="false"></BBCodeTester>
+
                 <h3 class="card-header" style="margin-top:0;display:flex">
                     {{l('title')}}
 
@@ -133,6 +135,9 @@
     import * as SlimcatImporter from './importer';
     import _ from 'lodash';
     import { EventBus } from '../chat/preview/event-bus';
+
+    import BBCodeTester from '../bbcode/Tester.vue';
+
     // import Bluebird from 'bluebird';
     // import Connection from '../fchat/connection';
     // import Notifications from './notifications';
@@ -184,7 +189,14 @@
     log.info('init.chat.keytar.load.done');
 
     @Component({
-        components: {chat: Chat, modal: Modal, characterPage: CharacterPage, logs: Logs, 'word-definition': WordDefinition}
+        components: {
+          chat: Chat,
+          modal: Modal,
+          characterPage: CharacterPage,
+          logs: Logs,
+          'word-definition': WordDefinition,
+          BBCodeTester: BBCodeTester
+        }
     })
     export default class Index extends Vue {
         showAdvanced = false;