Insert/Invoke Widget within widget code

[welford]

I have two widgets in the same file, when i render the second one i would like to insert the first, is this possible?

e.g. <$widget2 a="123" b="456"/>

I would like this to expand to

<div>123<$widget1>456</$widget1></div>

and then have $widget1 run, I assume that would happen via "Widget.prototype.render.call"

[saqimtiaz]

One option is to add a parse tree representation for widget1 into the children for widget2 in its execute method before calling this.makeChildWidgets (along with whatever parseTree will generate the content you want around widget1). This is a somewhat limited example:

TiddlyWiki5/core/modules/widgets/edit.js

Lines 58 to 62 in 2da7ae0

	this.makeChildWidgets([{
	type: "edit-" + this.editorType,
	attributes: this.parseTreeNode.attributes,
	children: this.parseTreeNode.children
	}]);

Note that the "internals" plugin is very useful for typing content into a tiddler editor and using the preview option to see the resultant parse tree.

You absolutely can also create a widget1 instance and call render as well, but it will still need a parseTree.
If you ignore the context and just look at the code, this is an example of creating and rendering a tiddler widget in this manner: #5787 (reply in thread)

[welford]

thanks Saq, I think your first suggestion is what i need - how cani generate a parsetreenode.children structure for an dom element i have created by myself?

[welford]

var wikiParser = $tw.wiki.parseText("text/vnd.tiddlywiki", myNewWidgetText, {parseAsInline: true});
Is what i am looking for.

Thanks Saq