added ids to H1 tags

client/js/editor.js

@@ -1,5 +1,25 @@
 import Quill from 'quill'
 import docsave from './docsave.js'
+import Chance from 'chance'
+
+const chance = new Chance()
+
+const Block = Quill.import('blots/block')
+
+class Header extends Block {
+ static formats(domNode) {
+ if (!domNode.id) {
+ let time = '' + Date.now()
+ domNode.id = `th-${chance.word({length: 3}) + time.slice(-3)}`
+ }
+ return this.tagName.indexOf(domNode.tagName) + 1
+ }
+}
+
+Header.blotName = 'header'
+Header.tagName = ['H1', 'H2']
+
+Quill.register('formats/header', Header, true)
 
 module.exports = {
  quill: '',

client/vue-components/main_content.vue

@@ -136,8 +136,4 @@ html, body{
 code {
  color: #f66;
 }
-<<<<<<< a897181742249f80925d321e795883f007dc95c1
 </style>
-=======
-</style>
->>>>>>> added database to be ignored

package.json

@@ -46,6 +46,7 @@
  "dependencies": {
  "chance": "^1.0.4",
  "crypto": "0.0.3",
+ "css-loader": "^0.23.1",
  "email-validator": "^1.0.7",
  "express": "^4.14.0",
  "http": "0.0.0",