mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 14:13:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

store editor in dom element

Browse Source
This commit is contained in:
Philipp Kühn 2020-09-11 18:06:13 +02:00
parent e0993a135a
commit 808b806db8
18 changed files with 45 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/src/demos/Examples/ExportHtmlOrJson/index.spec.js
View File

@ -4,8 +4,7 @@ context('/examples/export-html-or-json', () => {
})
it('should return json', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
const json = editor.json()
expect(json).to.deep.equal({
@ -52,8 +51,7 @@ context('/examples/export-html-or-json', () => {
})
it('should return html', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
const html = editor.html()
expect(html).to.equal('<p>You are able to export your data as <code>HTML</code> or <code>JSON</code>.</p>')

3
docs/src/demos/Examples/Focus/index.spec.js
View File

@ -4,8 +4,7 @@ context('/examples/focus', () => {
})
it('should have class', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.focus('start')
cy.get('.ProseMirror p:first').should('have.class', 'has-focus')

9
docs/src/demos/Examples/History/index.spec.js
View File

@ -4,8 +4,7 @@ context('/examples/history', () => {
})
it('should not have a mistake', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
const html = editor.html()
cy.get('.ProseMirror h2:first').should('not.contain', 'Mistake')
@ -13,8 +12,7 @@ context('/examples/history', () => {
})
it('should have a mistake', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
const html = editor.html()
editor.insertText('Mistake')
@ -23,8 +21,7 @@ context('/examples/history', () => {
})
it('the mistake should be removed again', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
const html = editor.html()
editor.undo()

3
docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
View File

@ -4,8 +4,7 @@ context('/examples/markdown-shortcuts', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.clearContent()
done()
})

6
docs/src/demos/Examples/ReadOnly/index.spec.js
View File

@ -4,10 +4,9 @@ context('/examples/read-only', () => {
})
it.skip('should be read-only', () => {
cy.get('.ProseMirror').window().then(window => {
cy.get('.ProseMirror').then(([{ editor }]) => {
cy.get('#editable').uncheck()
const { editor } = window
editor.insertText('Edited: ')
cy.get('.ProseMirror p:first').should('not.contain', 'Edited: ')
@ -15,10 +14,9 @@ context('/examples/read-only', () => {
})
it.skip('should be editable', () => {
cy.get('.ProseMirror').window().then(window => {
cy.get('.ProseMirror').then(([{ editor }]) => {
cy.get('#editable').check()
const { editor } = window
editor.insertText('Edited: ')
cy.get('.ProseMirror p:first').should('contain', 'Edited: ')

3
docs/src/demos/Extensions/Blockquote/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/blockquote', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/Bold/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/bold', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/Code/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/code', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/CodeBlock/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/code-block', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/HardBreak/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/hard-break', () => {
})
beforeEach(() => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
})
})

3
docs/src/demos/Extensions/Heading/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/heading', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

23
docs/src/demos/Extensions/History/index.spec.js
View File

@ -4,19 +4,16 @@ context('/api/extensions/history', () => {
})
beforeEach(() => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Mistake</p>')
})
})
it('should make the last change undone', () => {
cy.get('.ProseMirror').window().then(window => {
cy.get('.ProseMirror').should('contain', 'Mistake')
cy.get('.ProseMirror').should('contain', 'Mistake')
cy.get('.demo__preview button:first').click({ force: true })
cy.get('.ProseMirror').should('not.contain', 'Mistake')
})
cy.get('.demo__preview button:first').click({ force: true })
cy.get('.ProseMirror').should('not.contain', 'Mistake')
})
it('the keyboard shortcut should make the last change undone', () => {
@ -25,14 +22,12 @@ context('/api/extensions/history', () => {
})
it('should apply the last undone change again', () => {
cy.get('.ProseMirror').window().then(window => {
cy.get('.ProseMirror').should('contain', 'Mistake')
cy.get('.ProseMirror').should('contain', 'Mistake')
cy.get('.demo__preview button:first').click({ force: true })
cy.get('.ProseMirror').should('not.contain', 'Mistake')
cy.get('.demo__preview button:nth-child(2)').click({ force: true })
cy.get('.ProseMirror').should('contain', 'Mistake')
})
cy.get('.demo__preview button:first').click({ force: true })
cy.get('.ProseMirror').should('not.contain', 'Mistake')
cy.get('.demo__preview button:nth-child(2)').click({ force: true })
cy.get('.ProseMirror').should('contain', 'Mistake')
})
it.skip('the keyboard shortcut should apply the last undone change again', () => {

9
docs/src/demos/Extensions/HorizontalRule/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/horizontal-rule', () => {
})
beforeEach(() => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
})
})
@ -17,8 +16,7 @@ context('/api/extensions/horizontal-rule', () => {
})
it('the default markdown shortcut should add a horizontal rule', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.clearContent()
cy.get('.ProseMirror hr').should('not.exist')
@ -28,8 +26,7 @@ context('/api/extensions/horizontal-rule', () => {
})
it('the alternative markdown shortcut should add a horizontal rule', () => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.clearContent()
cy.get('.ProseMirror hr').should('not.exist')

3
docs/src/demos/Extensions/Italic/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/italic', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/Paragraph/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/paragraph', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.clearContent()
done()
})

3
docs/src/demos/Extensions/Strike/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/strike', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

3
docs/src/demos/Extensions/Underline/index.spec.js
View File

@ -4,8 +4,7 @@ context('/api/extensions/underline', () => {
})
beforeEach((done) => {
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.setContent('<p>Example Text</p>')
editor.selectAll()
done()

14
packages/core/src/Editor.ts
View File

@ -28,6 +28,16 @@ export interface CommandSpec {
type EditorContent = string | JSON | null
// interface Element {
// editor?: Editor
// }
interface HTMLElement {
editor?: Editor
}
// Element.prototype.editor = Editor
interface EditorOptions {
element: Element,
content: EditorContent,
@ -241,6 +251,10 @@ export class Editor extends EventEmitter {
dispatchTransaction: this.dispatchTransaction.bind(this),
nodeViews: this.extensionManager.nodeViews,
})
// store editor in dom element for better testing
const dom = this.view.dom as HTMLElement
dom.editor = this.proxy
}
/**