Merge branch 'main' of github.com:ueberdosis/tiptap

This commit is contained in:
Hans Pagel 2021-10-26 11:37:15 +02:00
commit afc110a253
9 changed files with 26 additions and 34 deletions

View File

@ -18,12 +18,11 @@
width: 100%; width: 100%;
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected {
&:hover { border-color: #000;
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
} }
} }

View File

@ -15,9 +15,8 @@
} }
.mention { .mention {
color: #A975FF; border: 1px solid #000;
background-color: rgba(#A975FF, 0.1); border-radius: 0.4rem;
border-radius: 0.3rem;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
} }

View File

@ -102,13 +102,12 @@ export default {
width: 100%; width: 100%;
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected {
&:hover { border-color: #000;
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>

View File

@ -115,9 +115,8 @@ export default {
} }
.mention { .mention {
color: #A975FF; border: 1px solid #000;
background-color: rgba(#A975FF, 0.1); border-radius: 0.4rem;
border-radius: 0.3rem;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
} }

View File

@ -102,13 +102,12 @@ export default {
width: 100%; width: 100%;
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected {
&:hover { border-color: #000;
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>

View File

@ -51,9 +51,8 @@ export default {
} }
.mention { .mention {
color: #A975FF; border: 1px solid #000;
background-color: rgba(#A975FF, 0.1); border-radius: 0.4rem;
border-radius: 0.3rem;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
} }
</style> </style>

View File

@ -102,13 +102,12 @@ export default {
width: 100%; width: 100%;
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected {
&:hover { border-color: #000;
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>

View File

@ -60,9 +60,8 @@ export default {
} }
.mention { .mention {
color: #A975FF; border: 1px solid #000;
background-color: rgba(#A975FF, 0.1); border-radius: 0.4rem;
border-radius: 0.3rem;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
} }
</style> </style>

View File

@ -100,8 +100,8 @@ const editor = new Editor({
content: `<p>Example Content</p>`, content: `<p>Example Content</p>`,
// triggered on every change // triggered on every change
onUpdate: () => { onUpdate: ({ editor }) => {
const json = this.getJSON() const json = editor.getJSON()
// send the content to an API here // send the content to an API here
}, },
}) })