Forward EditorContent ref

[ehynds]

Please describe your changes

Allow passing a ref to EditorContent to imperatively access the underlying div element.

My use case is to apply line clamping CSS to the EditorContent div based on its height.

How did you accomplish your changes

1. Forward a ref passed to EditorContentWithKey to PureEditorContent
2. Attach the ref to the div element returned by PureEditorContent

How have you tested your changes

Manual testing by rendering EditorContent with a ref prop.

How can we verify your changes

Run this code and expect div to have a value:

<EditorContent ref={(div) => {
  console.log('EditorContent ref:', div);
} />

Remarks

EditorContent used to accept a ref but it broke in #4000. Prior to #4000 the value of ref was PureEditorContent:

<EditorContent
  ref={(editorContent) => {
    const div = editorContent.editorContentRef.current;
  }}
/>

I simplified the value in this PR to the underlying div element thinking that we don't need to expose the implementation details.

Checklist

• The changes are not breaking the editor
• Added tests where possible
• Followed the guidelines
• Fixed linting issues

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	54f7d94
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/64ee46649b1e9d0009827c8d
😎 Deploy Preview	https://deploy-preview-4396--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[ehynds]

@bdbch @svenadlung thoughts?

[bdbch]

LGTM - lets get it into a RC