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

add clearSearch command

Browse Source
This commit is contained in:
Chrissi2812
2019-05-29 12:25:33 +02:00
parent d3514c3d36
commit a42d0113e0
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
examples/Components/Routes/Search/index.vue
View File

@@ -123,6 +123,7 @@
v-model="searchTerm" v-model="searchTerm"
> >
<button @click="editor.commands.find(searchTerm)">Find</button> <button @click="editor.commands.find(searchTerm)">Find</button>
<button @click="editor.commands.clearSearch()">Clear</button>
</div> </div>
</span> </span>

9
packages/tiptap-extensions/src/extensions/Search.js
View File

@@ -46,6 +46,7 @@ export default class Search extends Extension {
commands() { commands() {
return { return {
find: attrs => this.find(attrs), find: attrs => this.find(attrs),
clearSearch: () => this.clear(),
toggleSearch: () => this.toggleSearch(), toggleSearch: () => this.toggleSearch(),
} }
} }
@@ -111,6 +112,14 @@ export default class Search extends Extension {
} }
} }
clear() {
return ({ tr }, dispatch) => {
this.searchTerm = null
dispatch(tr)
}
}
createDeco(doc) { createDeco(doc) {
this._search(doc) this._search(doc)
return this.decorations ? DecorationSet.create(doc, this.decorations) : [] return this.decorations ? DecorationSet.create(doc, this.decorations) : []