RedactorEditor in Custom Modal Test

This test page demonstrates the RedactorEditor component inside a custom ModalDialog component. The ModalDialog component is implemented without using Radix UI, using Vue's built-in features like Teleport instead.

Click the button below to open the dialog and test if dropdown menus in the editor are clickable.

Editor Content (outside dialog)

<h1>Test Content in Custom Modal</h1>
<p>This is a test of the RedactorEditor component inside a custom ModalDialog component.</p>
<p>Try using the formatting options in the toolbar, especially dropdown menus like:</p>
<ul>
  <li>Font color</li>
  <li>Font size</li>
  <li>Alignment</li>
  <li>Insert (tables, links, etc.)</li>
</ul>
<p>If you can interact with these dropdown menus, the implementation is working correctly.</p>