@mixd-id/web-scaffold 0.1.230406333 → 0.1.230406334

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406333",
+  "version": "0.1.230406334",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/TextWithTag.vue

@@ -6,6 +6,7 @@
          ref="html"
          v-html="html"
          :class="itemClass"
+         @keydown="onKeyDown"
          @blur="saveSelection($refs.html)"
          @input="onInput"></p>
 
@@ -137,6 +138,8 @@ export default{
     addItem(item){
       this.restoreSelection()
 
+      console.log(item)
+
       const el = document.createElement('span')
       el.setAttribute('contenteditable', 'false')
       el.setAttribute('class', this.$style.tag)
@@ -169,6 +172,20 @@ export default{
       this.addItem(item)
     },
 
+    onKeyDown(e){
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        document.execCommand('insertLineBreak');
+
+        const selection = window.getSelection();
+        const range = selection.getRangeAt(0);
+        range.setStartAfter(range.endContainer);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+    },
+
     remove(e){
       e.target.parentNode.removeChild(e.target)
     },
@@ -177,14 +194,11 @@ export default{
 
       const arr = []
       for(let i = 0 ; i < this.$refs.html.childNodes.length ; i++){
-        if(this.$refs.html.childNodes[i].nodeType === 1 && this.$refs.html.childNodes[i].classList.contains(this.$style.tag)){
-          arr.push(this.$refs.html.childNodes[i].getAttribute('data-value'))
-        }
-        else if(this.$refs.html.childNodes[i].nodeType === 3){
-          arr.push(this.$refs.html.childNodes[i].textContent)
+        if(this.$refs.html.childNodes[i].nodeType === 3){
+          arr.push(this.$refs.html.childNodes[i].nodeValue)
         }
-        else{
-          arr.push((arr.length > 0 ? "\n\n" : '') + this.$refs.html.childNodes[i].innerText)
+        else if(this.$refs.html.childNodes[i].nodeType === 1 && this.$refs.html.childNodes[i].classList.contains(this.$style.tag)){
+          arr.push(this.$refs.html.childNodes[i].getAttribute('data-value'))
         }
       }