Smirftsch

Sorry to catch up this older topic again, but there seems to be no changes in sight so far. I also still would find it useful to have webp as input format. The need- or the wish- to use it, is from my experience originated in Google requesting (or recommending) webp format in order to reduce loading times when doing speed tests with lighthouse. So people start to use and store images in webp format. Then to convert them back to jpg or png just to output these as webp again makes no sense at all.

Just to append since this seems to be a rather common question (now knowing what I had to look for) and perhaps this may be useful for others. I found a suitable and convenient solution for this by using InputfieldSelectize and "Multiple Sortable Options". It's easy to add names for blocks/fields and make an output based on the given order 🙂

That helps a lot already and very much answers my question, thank you!

I am a bit lost, probably just because I do not exactly know what to look for. I want to give an user the opportunity to change the order in which the fields of the template are rendered. To keep it simple an easy example like to switch between the main text field, a slider and an image, so the user can chose freely which is on top, in the middle and at the end. Of course I could just add some kind of number field to determine the order like "1 for on top, 2 for the middle and 3 for bottom", but this both ugly and not very intuitive. However, for some reason this feels like reinventing the wheel again because I can't imagine there are not more sophisticated methods, settings, options, whatever..., I plain may have overlooked so far. Perhaps someone can point me into the right direction.

That indeed did the trick and is what I was looking for. So it was neither the pastefilter nor the purifier. Thanks for enlightening me 🙂

After already having some issue with video embedding I switched my attention to be able adding (font awesome) icons. However, something seems to be going absolutely wrong here, even when (temporary) disabling purifier and pastefilter (or editing pastefilter removing "i=em") a source code insertion like this: <i style="font-size:24px" class="fa">&#xf042;</i> becomes <em class="fa" style="font-size: 24px;"></em> so for some reason these settings are obviously not applied. Using current 3.0.229 and corresponding TinyMCE rich text editor version 6.4.1. What did I miss?

All except: Your browser does not support the video tag. Everything is kept once Purifier is disabled. Having source and video in the pastefilter whitelist doesn't make any difference for me 😞 Edit: something seems to be going absolutely wrong here, even when disabling purifier and pastefilter or editing pastefilter removing "i=em" a sourcecode insertion like this: <i style="font-size:24px" class="fa">&#xf042;</i> becomes <em class="fa" style="font-size: 24px;"></em> so for some reason these settings are obviously not applied. Guess I am opening another topic for this issue.

Thanks, and yes, I was in the module settings and I've also seen the pastefilter. Nevertheless I tried that idea, but as I was afraid this seems to have no effect at all. Checking again what is written in the template regarding the pastefilter: For some reason the github link I added in my first post was removed: https://github.com/processwire/processwire-requests/issues/226 in which there is a request for making the purifier to configurable, but I don't fully understand this, therefor my request here.

This would be the included version 6.1.5 And yes, I've been using CKEditor so far as well, but regarding the age of the included version and the annoying handling of extensions/plugins I thought to give TinyMCE a try in my new project and I am quite satisfied so far. Well, there is no such setting (or I must have missed it), there are some settings which make sense like invalid styles and tools to be removed from the toolbar to make it usable in PW without the user having a chance to confuse things, but nothing like whitelisting specific html. Also the pastefilter whitelist, but I want to make use of the media tool (button) from TinyMCE, which just inserts the corresponding html5 code. Besides, I am pretty sure it is in the purifier because it seems to be no problem when disabling it- which I don't want to for obvious reasons.

I'm still learning and reading, and I haven't yet figured out how to really configure the html purifier. For now its bothering me that media elements (such as video) are plain stripped out (added with TinyMCE), so in order to be able using these it seems I need to whitelist those manually. After some reading I found this github topic, but I'm not sure yet how to really use that information, so perhaps someone can enlighten me which steps I have to take and someone can give me a more detailed instruction how and where to really add these hooks, and/or if and how it is maybe possible to switch to the in the topic mentioned html5 version of it?

Sorry to bump this old post, but it's actually something I just came across myself now. Are there any news/change/plans about this? Webp as valid input imageformat appears to be useful nowadays.

Now we are talking, that is what I wanted to find, thanks a lot!!!

I usually tend to avoid js if possible, but the idea to use it here definitely makes sense. Not what I had in mind in the first place, but good approach, thanks ? Edit: However, this doesn't really help to place it freely with CKEditor somewhere into the page, which is something people often expect since this is more or less a basic functionality they know from systems like WP. I think I can create this myself though.

I have been digging for a while, but I didn't find a user friendly image slider. Is there something somewhere already?

Thanks! I have to admit I am still a little confused with all options and especially selectors. I tried through a lot of things to get the working of all of it.