Provide examples for the wikify widget

[DesignThinkerer]

This PR add examples for using the wikify widget. Discussion: https://talk.tiddlywiki.org/t/doc-wikifywidget-examples-usecase/5890

---

Submitted using https://saqimtiaz.github.io/tw5-docs-pr-maker/.

[github-actions]

@DesignThinkerer It appears that this is your first contribution to the project, welcome.

With apologies for the bureaucracy, please could you prepare a separate PR to the 'tiddlywiki-com' branch with your signature for the Contributor License Agreement (see contributing.md).

[netlify]

✅ Deploy Preview for tiddlywiki-previews ready!

Name	Link
🔨 Latest commit	b10ec93
🔍 Latest deploy log	https://app.netlify.com/sites/tiddlywiki-previews/deploys/674f70b10d458b000887401a
😎 Deploy Preview	https://deploy-preview-8792--tiddlywiki-previews.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pmario]

I think the first example should be something that works. It is OK to show how we should not do it, but it needs much more explanation, what we want to show.

If the first example is a fail users think it is broken. If we want to show "failed examples" it needs a detailed description, what's going on.

[pmario]

I also think, the example Output code should be more readable. Something similar to this.

[DesignThinkerer]

I also think, the example Output code should be more readable. Something similar to this.

Thanks for the review. I applied your suggestions :)

[pmario]

I think it looks more readable now. But the https://deploy-preview-8792--tiddlywiki-previews.netlify.app/#TestCases%2FWikifyWidget%2FWidgetValue%2FSuccess fails.

You need to remove the very last new-line in the file - then it works

title: ExpectedResult

<p>
    <span style="color:white;background:purple;">
        white text on purple is a good contrast
    </span>
</p>    <- The line break here needs to be removed

[DesignThinkerer]

@pmario good catch, it is now fixed :) (edit: there was another testcase with a trailing line, I fixed it)

[github-actions]

DesignThinkerer has signed the Contributor License Agreement (see contributing.md)

[Jermolene]

Great stuff, thank you @DesignThinkerer