title: simple tiptap extension or prosemirror plugin
body: <p>i would like to use the tiptap editor for vuejs that work with the prosemirror editor.</p>
  
  <p>I have read many about tiptap but the documentation is not the best and prosemirror itself is very complex for me. I hope you can help me.</p>
  
  <p>I would like to implement my own extension in the tiptap editor.
  For example in the menu i would like to press a button and insert a div in the text field.
  The div can have many attributes like <code>&lt;div class="rectangle_var" company="example company" var-id="5124"&gt;text example&lt;/div&gt;</code> and should look like a rectangle. The rectangle should also have a ligth grey color and can have a text like "text example" in the example.</p>
  
  <p>This extension sounds very easy but i don't know how can i create my own extensions for tiptap.
  Can you help me?</p>