Add working examples and some clarifications to inplace_edit

[PM84]

#823

[netlify]

✅ Deploy Preview for moodledevdocs ready!

Name	Link
🔨 Latest commit	97b5c96
🔍 Latest deploy log	https://app.netlify.com/sites/moodledevdocs/deploys/661e045c9acc180008b60707
😎 Deploy Preview	https://deploy-preview-843--moodledevdocs.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.

[github-actions]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟠 69	🟠 87	🟢 100	🟢 90	🟢 100	Report
/docs/apis/commonfiles	🟠 61	🟠 85	🟢 100	🟢 100	🟢 100	Report
/general/development/gettingstarted	🟠 71	🟠 87	🟢 100	🟢 90	🟢 100	Report
/general/releases	🟠 76	🟠 87	🟢 100	🟢 100	🟢 100	Report

[sarjona]

Hi @PM84!

Thanks a lot for helping to improve this page. The examples look great. Well done.

However, I would suggest using the

element instead of creating a new subsection, "Working example", to hide them by default to make the page easier to read. I've created a branch to help to better understand what I mean (it's using your same examples, but reorganising the information): sarjona@inplacepr

Apart from this change, you should also add these changes to the file in the main branch (docs/apis/subsystems/output/inplace.md).

Please, let me know if there is anything I can do for helping you :-)

[andrewnicols]

I've pulled in Sara's changes and applied them with a few tweaks. Merging.