Jump to content

Ckeditor Body text layouts


Krlos
 Share

Recommended Posts

Hi friends, I'm working on a blog site that needs diferents layouts in the same page, how do you deal with body text layouts like these?

Using a single CKeditor field? Ckeditor classes?, my editor is not tech oriented.

capture2.thumb.jpg.d2143844f0f26a51278eeb1faadd3283.jpg

capture1.jpg.880541d41fd59113883866d77bfa0001.jpg

  • Like 1
Link to comment
Share on other sites

 @KrlosHere's a great blog post about it by @Michael van Laar

https://digitalardor.com/articles/basic-setup-for-content-blocks-in-processwire/

 

I just very recently, during this week, upon processwireficying my, previously static but now dynamic, Bootstrap based basic personal portfolio site, implemented a homecoocked DIY "page builder" into it: jonatanronsholdt.dk. It equeally to what you want features different customized flexible layouts per portfolio item / post. 

?

As it's only made for my own use it's not made super "user friendly" (cause too lazy to do so when it's only myself who'll see it ofc) but hey, it's working! 

I think in general the whole idea of more support for flexible layouts is super interesting in terms of PW! Aka pagebuilders. Maybe a future amazing core module hmm?.. PWs own Gutenberg(WP) ? Or maybe it doesn't fit with the PW filosophy of not dictating any part of the frontend markup.... Well I'm just a noob so.. Haha. Would love to see a new philosophical discussion on this "generating dynamic / flexible modular blocks page content using non fixed templates /page builders with column features etc" subject hough maybe featuring some of the PW forum stars such as above @bernhard and all the other amazing PW gurus alike. (CSS tricks different CMSs content blocks article

 

But mine is built using the PageTable field type. Basically it'd just be more intuitive and prettier, read better ui friendliness for editor, using the payed Pro fields Repeater Matrix ? But same basic concept:

Pagesfield: (Image, paragraph , Image, columns, image, image, columns end, paragraph) 

And each "block type" is actually just a page (the PW everything as a page philosophy) with a template which only simply generates the html for the block

=

<img ... /> <p>... </p> <img ... />

<row> <col><img ... /> <img ... /> </col></row>

<p>... </p>

 

I'd be more than happy to share my sloppy homebrew with you if it could be of any help. (or you know.. Use Michael's recipe). Though if you're any sort of experienced as a php développer you'll probably come up with something far more pretty than my noob code haha. 

 

All the best, 

Jonatan 

 

Ps if you go with pagefieldtype (though the profiled repeater matrix is probably way better for editor userfriendliness) I found this useful

 

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...