search

photon-flip / webtrees-HTML-block-advanced

A compact HTML Block using collapsible sections and enabling more advanced html editing.
GNU General Public License v3.0
2 stars 0 forks source link

Collect and add new templates #5

Open hartenthaler opened 10 months ago

hartenthaler commented 10 months ago

Maybe there are in the webtrees community some ideas on how to use the new accordion HTML block. As an enhancement, some more example templates could be added to this custom module.

photon-flip commented 10 months ago

I've definitely had this in mind. I'm working on some additional templates - a vanilla one first. There is a lot of potential to do some richer presentation although the ckeditor and webtrees restrictions on that do limit it somewhat. And it would be interesting to see what others can do with it and share those. I myself have enabled iframes which really opens up the possibilities but there is a security risk with that. I discussed that with Greg some time ago but I should get an update on it. I suspect he has made some changes to the configuration for ckeditor. And there is talk of the end of life for ckeditor 4 and the new v5. That could change things a lot.

photon-flip commented 9 months ago

Working on issues with CKEditor. see CKEditor strips some bootstrap classes #4948e

photon-flip commented 9 months ago

See Pull Request 4949

photon-flip commented 8 months ago

Waiting until next webtrees release with improved CKEditor class capability. Hopefully not too far away.

photon-flip commented 7 months ago

The fix mistakenly got left out of 2.1.19 [https://github.com/fisharebest/webtrees/issues/4965] The next phase of this project is pretty useless with out that so "Hurry Up and Wait".

photon-flip commented 7 months ago

Good news is that webtrees 2.1.20 now has my fix for CKEditor classes and styles. CKEditor4 is still a pain to work on but it has opened up the possibilities for rich and interesting content.

With some renewed interest on the webtrees forum I set up a demo website with an updated webtrees-HTML-block-compact with a biography sampler template. Here: HTML block Demo.

I have quite a bit of work to do to get the newer version up here on github. I'm having a rethink whether to continue to include templates from the original webtrees HTML Block - statistics etc. I'm thinking that a fresh new start with new templates of my own such as the Biography Sampler and perhaps a Vanilla Compact Sections may be a clearer way to go. The old statistics etc. can easily be copied and pasted into the source if required - a note in the readme to that effect.

The other idea I'm contemplating is how to open up a collaborative project where people could showcase and publish their own templates either to be added to the webtrees-HTML-block-compact or perhaps pasted into the CKEditor source there. New CSS classes would need to be accommodated one way or another. I suppose github would be the place to make these available.

There are some issues I can see regarding how best to add images to the HTML. I have included placeholder images within the module for portability. It's easy enough to use relative URLs for these but those need to be adjusted depending on if the Block is used on the tree home page or the user my page - the ../../modules_v4.......... needs one ../ chopped off. Users have the option of storing any images in the module itself or in the webtrees public directory. They also have the option of relative or absolute URLs. How to explain all this to users not experienced in HTML is a concern to me. I can see myself being kept very busy on the webtrees forum :-(

Any ideas Hermann? or anyone else for that matter.

MurrayJ

hartenthaler commented 6 months ago

I like the new version of your module shown on your demo site very much. So many new possibilities!

Maybe you can invite other users to the GitHub tabs "Discussions" or "wiki". They can present their ideas there. Or you can build up a FAQ section in the wiki tab.

Especially the use of images will be an important topic. In the German webtrees manual a short description can be found at the end of that chapter. Maybe we can add some more information there.

photon-flip commented 6 months ago

Thanks Hermann, I'm glad to hear that you like the module update. Being able to use any classes sure opens up the possibilities. I've only scratched the surface so far and hope to set something up for sharing other peoples template ideas.

The CKEditor still does terrible things to the code formatting that makes editing a nightmare but I have developed some working methods that I will document. I'm working on a user manual wiki at the moment. I find that more difficult than coding but important to do.

The module loads the XREF script from your German Manual so that should be useful and I have some methods for adding images that are not too complicated - I'll document them as well. I'm trying to finalize the text used in the module itself so that others can begin doing translations.

I wish I had more time to speed up the process but getting there.

Thanks again, I appreciate your input.