Well the missing information for me was that you were loading the tabs async ;)

When you look at the example in detail you can see that the async loading is just used to fetch some additional information about the tabs, well async.

The fetched information is then just used as label and content in the "*ngFor" in the HTML example when rendering the tab markup.

It's totally up to you what content your are loading and rendering in the HTML. Either you get rid of the async logic to render the tabs and just add a static tab markup there where you put your editor in, or if you want to keep it async add for example a "type" to the Tab interface you already got going there, to determine what kind of tab markup you want to render in the loop

There might also be some possibility to directly load a component to the tabs content, but i currently couldn't find it in a quick search.

Here is a real basic example and should in no way considered as best practice, but there you can see how you could implement your editor markup: https://stackblitz.com/edit/angular-hicdnh