I am struggling with making a UI to enter recipes. I am using $edit-text to make an input box. The inputs are stored into fields of temporary tiddlers. Now I want to paste the inputs into this code below in order to make the recipe easy to read.
____________________________________________________________
<div class="quote-recept">
{{$:/temp/Recepten/NieuwRecept!!recept-quote}}
</div>
<div class="ingredient">
{{$:/temp/Recepten/NieuwRecept!!recept-ingredienten}}
</div>
<div class="instruction">
{{$:/temp/Recepten/NieuwRecept!!recept-instructies}}
</div>
<br>
{{||Onderkant recept}}
____________________________________________________________
(the onderkant recept is a tiddler that shows the portion amount and other metadata that is stored into fields.)
I know I can use $setfield inside a $button to set fields, I am using that one for the quote in the recipe, but also the portion size etc. The thing is, when I make a list in the input box like this:
*potato
*olive
*onion
the formatting is lost when it is placed into a field. It would then show up as *potato*olive*onion inline.
Another way I tried is to set the entire code above as a text field, but then the transclusion of the temporary tiddler doesn't happen. While the CSS is applied, it gets applied to {{$:/temp/Recepten/NieuwRecept!!recept-ingredienten}}, and not to the list
*potato
*olive
*onion
What are some ways of pasting stuff from one tiddler into a specific part of another tiddler?