Update anchor behavior

area17 · Mar 2, 2020 · cf25ee8 · cf25ee8
1 parent e8b450d
commit cf25ee8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/frontend/js/components/Wysiwyg.vue b/frontend/js/components/Wysiwyg.vue
@@ -208,7 +208,11 @@
       },
       anchorHandler (value) {
         if (value === true) {
-          value = prompt('Enter Id:')
+          value = prompt('Enter anchor:')
+        } else {
+          let range = this.quill.getSelection()
+          const id = this.quill.getFormat(range).anchor || ''
+          value = prompt('Edit anchor:', id)
         }
         this.quill.format('anchor', value)
       },
@@ -438,8 +442,8 @@
       color: $color__link;
     }
 
-    .ql-anchor {
-      text-underline: $color__link;
+    .ql-editor .ql-anchor {
+      text-decoration: underline $color__link;
     }
 
     .ql-snow.ql-toolbar {

diff --git a/frontend/js/libs/Quill/QuillConfiguration.js b/frontend/js/libs/Quill/QuillConfiguration.js
@@ -73,13 +73,13 @@ class Anchor extends Inline {
   static create (value) {
     let node = super.create(value)
     value = this.sanitize(value)
-    console.log(value)
     node.setAttribute('id', value)
+    node.className = 'ql-anchor'
     return node
   }
 
   static sanitize (id) {
-    return sanitizeAnchor(id) ? id : ''
+    return id.replace(/\s+/g, '-').toLowerCase()
   }
 
   static formats (domNode) {
@@ -93,13 +93,6 @@ class Anchor extends Inline {
   }
 }
 
-function sanitizeAnchor (id) {
-  let anchor = document.createElement('span')
-  anchor.className = 'ql-anchor'
-  anchor.id = id.replace(/\s+/g, '-').toLowerCase()
-  return true
-}
-
 Anchor.blotName = anchor.blotName
 Anchor.tagName = anchor.tagName