Where do I embedd form? I understand TiddlyWiki can't process it, something likeFormspree or Kwes.IO would take care of that.

97 views
Skip to first unread message

naim.abou.darwish

unread,
Apr 27, 2021, 10:30:29 PM4/27/21
to tiddl...@googlegroups.com
Hi,
Thanks for the awesome work put into TiddlyWiki. A non-linear personal web notebook, fits my messy approach to work.
I'm trying to collect some info on different dialects. I found a couple of web form services that would work for me, but I can't figure out where to embed the code.
from formspree something like
<form action="https://formspree.io/f/{form_id}" method="post">
<label for="email">Your Email</label>
<input name="Email" id="email" type="email">
<button type="submit">Submit</button>
</form>
From kwes.io something like

<label for="name">Your Name</label>
<input type="text" name="name" rules="required|max:255">

<button type="submit">Submit</button>
</form>
I found this https://kookma.github.io/TW-Scripts/#Html5%20Forms%20Elements but couldn't figure out where it goes.
Any help appreciated, thanks

Sent with ProtonMail Secure Email.

Jeremy Ruston

unread,
Apr 28, 2021, 9:52:31 AM4/28/21
to tiddl...@googlegroups.com
Hi Naim

I adapted your example slightly and tried it in a tiddler on a local wiki. It worked for me in that the form was correctly sent to the server.

<form action="127.0.0.1" method="post" target="_blank">
<label for="email">Your Email</label>
<input name="Email" id="email" type="email">
<button type="submit">Submit</button>
</form>

I’d suggest trying to get the form working correctly within a standalone HTML file, and then once that’s working bring it into TiddlyWiki

Best wishes

Jeremy


--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/0IvKbeSbV7XiVU3B0vWP9GXnKPTwD5AoUeu5ceKwucjeWYz7q6LKww-trWNNwPUKSkXUOH445hYwj1xS9SE3pQaTqeMhe2TmsgD0QedeOSc%3D%40protonmail.com.

naim.abou.darwish

unread,
Apr 28, 2021, 1:37:28 PM4/28/21
to tiddl...@googlegroups.com
Hi Jeremy,
Your modified code works on a locally hosted wiki, but how could you make it work with at usual places static sites are hosted? KWES.io formspree.io and such sites filter out spam and process the form since the host can't.
Ok >>now<< I understand tiddlers can straight up take html code. But still, I don't know how to reference this  externally hosted script. The code comes off kwes's website, I can confirm it works on other SSGs like hexo and nextjs, just couldn't figure out how on TiddlyWiki. I tried
screenshot-kwes-inline.png
and
screenshot-kwes-nontaggedScript.png
and
screenshot-kwes-wscript.png


Any help appreciated, thanks.
Sent with ProtonMail Secure Email.

‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐

Jeremy Ruston

unread,
May 1, 2021, 5:52:39 AM5/1/21
to tiddl...@googlegroups.com
Hi Naim

Your modified code works on a locally hosted wiki, but how could you make it work with at usual places static sites are hosted? KWES.io formspree.io and such sites filter out spam and process the form since the host can't.
Ok >>now<< I understand tiddlers can straight up take html code. But still, I don't know how to reference this  externally hosted script. The code comes off kwes's website, I can confirm it works on other SSGs like hexo and nextjs, just couldn't figure out how on TiddlyWiki. I tried
<screenshot-kwes-inline.png>
and
<screenshot-kwes-nontaggedScript.png>
and
<screenshot-kwes-wscript.png>

TiddlyWiki isn’t really involved in the form submission, it’s handled by the browser. I suspect that the form hosting services that you’re using might indeed need some extra steps to combat spam. Are you running the wiki over HTTP or a file URI?

Best wishes

Jeremy.

Reply all
Reply to author
Forward
0 new messages