Script to right-align text quickly?

[daamiian]

I'm new to Templater, I'd really appreciate some help figuring out how to create a script that takes my selected text and right aligns it.

The plan was to use <p style='text-align: right;'> TEXT HERE </p> to actually right align my text in Obsidian
then to automate tp.file.cursor() to the TEXT HERE position in the above line
then tp.file.selection() to return the selected text from the file to be templated which I want to right-align in the cursor position.

Please, any help is appreciated.

[welpdx]

Here you go:

<%*
if (tp.file.selection() !== "" ) {
	tR+= `<p style='text-align: right;'>` + tp.file.selection() + tp.file.cursor() +`</p>`
}
%>

Demo

I actually use this quite frequently to highlight my notes! For example, to highlight a text orange

<%*
if (tp.file.selection() !== "" ) {
	tR+= `<span style='background-color: Orange;color:black'>` + tp.file.selection() + tp.file.cursor() +`</span>`
}
%>

Demo text highlighter

Hope that helps.

~welp

[daamiian]

@welpdx thank you so much. Do you know of any good resources where I can learn the syntax for this? I never really programmed, only touching some python and matlab in university. I've since been coding decommissioned but the basics are still in my mind. For example I don't know why you used += for the tR variable. Thanks again for the reply, you saved me a lot of time!

[welpdx]

thank you so much

hey no problem!

only touching some python and matlab in university

ah lemme guess... you are in engineering? XD

know of any good resources where I can learn the syntax for this

So Templater uses a plugin called Eta, the syntax is mentioned here in the Templater Documentation. Templater also has some cool internal functions, see here.

I recommend you just play around with it. I am not a coder either, but I find that playing around helps me learn. There are alot of good templater scripts in the show case here.

If you are unfamiliar with javascript, it might be a good idea to learn the fundamentals. Like install vscode and open up some beginner js course on yt, and just have some fun! XD

Obsidian is like chrome basically and by learning javascript and perhaps some html, you can really tinker with it for your own workflow and at the same time, you are doing front end development!

gl hf!

(and if I have answered your original question, could you please mark this post as answered? thanks)

[daamiian]

ah lemme guess... you are in engineering? XD

got me xD

Thanks for all of the help. I'll take a look at the beginner courses for sure.