title: Tiptap how to create a paragraph (p) on Shift-Enter, instead of a br?
body: <p>Using TipTap, I'm trying to avoid adding a <code>&lt;br /&gt;</code>, but create a <code>&lt;p&gt;&lt;/p&gt;</code> instead, with the focus inside that <code>&lt;p&gt;|&lt;/p&gt;</code> when the user hit <code>shift-Enter</code> but I can't make it work.</p>
  <p>Here's what I did so far:</p>
  <pre><code>new (class extends Extension {
      keys () {
          return {
              'Shift-Enter' (state, dispatch, view) {
                  const { schema, tr } = view.state
                  const paragraph = schema.nodes.paragraph
  
                  console.log(tr.storedMarks)
                  const transaction = tr.deleteSelection().replaceSelectionWith(paragraph.create(), true).scrollIntoView()
                  view.dispatch(transaction)
                  return true
              }
          }
      }
  })()
  </code></pre>
  <p>How can I do this?</p>