ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

everything is broken

Browse Source
This commit is contained in:
Hans Pagel
2020-10-12 17:58:30 +02:00
parent 7ad63a2921
commit 9a1bc8a8b1
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/src/demos/Extensions/Highlight/index.vue
View File

@@ -1,5 +1,11 @@
<template>
<div v-if="editor">
<button
@click="editor.chain().focus().highlight().run()"
:class="{ 'is-active': editor.isActive('highlight') }"
>
highlight (any)
</button>
<button
@click="editor.chain().focus().highlight({
color: ''
@@ -10,6 +16,9 @@
>
highlight (default)
</button>
<button @click="editor.chain().focus().highlight({ color: 'red' }).run()" :class="{ 'is-active': editor.isActive('highlight', { color: 'red' }) }">
"red"
</button>
<button @click="editor.chain().focus().highlight({ color: '#ffa8a8' }).run()" :class="{ 'is-active': editor.isActive('highlight', { color: '#ffa8a8' }) }">
red
</button>

8
packages/core/src/utils/markHasAttributes.ts
View File

@@ -2,14 +2,18 @@ import { EditorState } from 'prosemirror-state'
import { MarkType } from 'prosemirror-model'
import getMarkAttrs from './getMarkAttrs'
export default function markHasAttributes(state: EditorState, type: MarkType, attrs?: { [key: string]: any }) {
if (attrs === undefined) {
export default function markHasAttributes(state: EditorState, type: MarkType, attrs?: { [key: string]: any }): boolean {
// @ts-ignore
if (attrs === undefined || Object.keys(attrs).length === 0) {
return true
}
const originalAttrs: { [key: string]: any } = getMarkAttrs(state, type)
// @ts-ignore
return Object.keys(attrs).filter((key: string) => {
// @ts-ignore
console.log(attrs[key], originalAttrs[key], attrs[key] === originalAttrs[key])
return attrs[key] === originalAttrs[key]
}).length
}