How to implment a react view in main editor area?

[markleo]

I follow this tutorial ：

Use React in your plugin - Developer Documentation

I can create a view in right side bar:

but how to implment a react view in main editor area like this?

[the_tree]

You just need to “open in the middle”:

[markleo]

Hi, thanks your reply. I follow your code, but still not work:

obsidian-sample-plugin - CodeSandbox

please check it.

[markleo]

@markleo

Hi, thanks your reply. I follow your code, but still not work:

Hi, thanks your reply. I follow your code, but still not work. please check it:
https://codesandbox.io/p/sandbox/gxfk4w

[the_tree]

Can you explain in detail what “not work” means?

I noticed your code uses this.activateView(VIEW_TYPE_EXAMPLE, "left");
Have you tried this.activateView(VIEW_TYPE_EXAMPLE, "tab");?

[markleo]

I tried, but the view still in “right”.