ProcessWire Weekly #442

In the 442nd issue of ProcessWire Weekly we're going to check out the TinyMCE inputfield module from Ryan, a brand new third party module AdminStyleDark, and more. Read on!

Welcome to the latest issue of ProcessWire Weekly. In this week's issue we're going to check out the TinyMCE inputfield module, which is currently available via the modules directory in case you'd like to give it a try, and we'll also check out a new third party module called AdminStyleDark.

In other news we've got a brand new site of the week, as always. This week that site is one called Tonalisten, and it belongs to a German non-profit agency "for artistic-social concert projects and a platform for creators of a diverse and participatory concert life of tomorrow". More about that in just a bit, so keep on reading.

Thanks to all of our readers for being here with us again, and as always, any feedback is most welcome – please don't hesitate to drop us a line if there's anything in your mind you'd like to share with us. Enjoy our latest issue and have a great weekend!

Weekly update from Ryan: introducing the TinyMCE inputfield module

Last couple of weeks we've been talking about an upcoming rich text editor update for the core, and this week we're finally happy to say that this new rich text — or WYSIWYG, in case you prefer that term — editor is publicly available.

Module first, core later

Inputfield TinyMCE, as the new module is called, is currently available as an optional module from the ProcessWire modules directory. The module makes use of TinyMCE version 6.2.0, along with a bunch of ProcessWire specific features and config options.

While this module is currently available separately from the modules directory or via the Inputfield TinyMCE GitHub repository, the long term plan is to bundle it with the core package as a replacement or alternative to our current default rich text editor, which in turn makes use of CKEditor version 4.

What's new since last week?

While we've already discussed some of the features of this new inputfield and Ryan has covered many more in his weekly updates, there's one new addition this week: support for adding custom style formats (typically used for highlight boxes, content containers, etc.) via CSS rules in field settings.

As Ryan explains in his post this is a rather common need, but has been unnecessarily complicated to set up until now. Inputfield TinyMCE makes this process much easier by letting you define your own custom styles via a textarea in the admin.

Configuration screen for custom editor styles. ID defines where the style will appear in the dropdown, and comment at the end defines the menu label.
An example of what custom style formats might look like in the styles dropdown, as well as on the editor window itself.

We would definitely recommend checking Inputfield TinyMCE out. It will eventually be bundled with the core itself, but by installing it now as a separate module and testing how it behaves on your site(s) you can start preparing for the future right now.

In case you run into any issues with Inputfield TinyMCE, please let us know so that we can ensure that the module is as stable as possible once it lands on the core.

For more details be sure to check out the weekly update from Ryan, in which he walks us through some of the interesting new settings and features included in the TinyMCE inputfield. Thanks!

New module: AdminStyleDark

AdminStyleDark is a brand new module from flydev that makes use of the Uikit admin theme customization options available as of ProcessWire 3.0.179 and the Less parser module, implementing a dark version of the default ProcessWire admin theme.

A screenshot by flydev, demonstrating what the admin page list (or page tree) looks like with the AdminStyleDark module enabled.

As you can see from the screenshot above the dark theme provided by AdminStyleDark looks quite nice already, but there are still some issues to iron out and features to add. As such, the module is currently considered a beta version, and as with any early stage module a bit of extra caution is recommended.

If you'd like to give this module a try you can install it via the built-in modules manager, or clone or download it directly from the AdminStyleDark GitHub repository. In case you have any questions, be sure to visit the AdminStyleDark support forum thread as well.

Big thanks to flydev for developing this module and sharing it with us!

Site of the week: TONALISTEN

Our latest site of the week belongs to a non-profit based in Hamburg, Germany — TONALISTEN.

In their own words TONALISTEN are an agency for "artistic-social concert projects and a platform for creators of a diverse and participatory concert life of tomorrow". Their current projects include TONALiSTEN_Lab research and incubation program, and TONALi TOUR that involves young people in the conception and production of classical music and gives them joint responsibility for the artistic result.

The website of TONALISTEN was created by Jan Ploch, and includes an introduction to the organization and the people involved, profiles of artists, partners section, a list of upcoming concerts, and a magazine section with interesting articles. While the whole site is undeniably gorgeous, in terms of design and layout aforementioned articles in the magazine section are definitely one of the most impressive and captivating parts.

As for behind the scenes details, the home page of this site includes a very interesting animated background powered by PixiJS and complemented by a randomly selected, classical music track; which, once enabled, also ties in with the particle animation. As for ProcessWire modules, the only one we could spot was CookieManagementBanner.

Big thanks to Jan Ploch for sharing this project with us, and our congratulations to the client, TONALISTEN, for their new, ProcessWire powered website!

Stay tuned for our next issue

That's it for the 442nd issue of ProcessWire Weekly. We'll be back with more news, updates, and content Saturday, 5th of November. As always, ProcessWire newsletter subscribers will get our updates a few days later.

Thanks for staying with us, once again. Hope you've had a great and productive week, and don't forget to check out the ProcessWire forums for more interesting topics. Until next week, happy hacking with ProcessWire!

Post a comment