I'm beta testing Lexxy in Pagecord

I've been squirrelling away this week integrating Lexxy into Pagecord. Adding the editor itself was simple, the complicated work was a big yak shave to make the Pagecord blog styles use the Lexxy defaults, then add my own tweaks to ensure they match the existing styles. I also had to make sure I could serve either Trix or Lexxy depending on a feature toggle which will allow me and a few others to do some in-depth testing.

Thankfully that's all done! I've just enabled the feature on my account and this is the first post using Lexxy! 🥳

Existing posts will look largely indistinguishable, but I'm now able to do cool things like inline code which wasn't possible before. And syntax highlighting is built in! By way of example here's the styling I'm applying to <ul> elements:

.lexxy-content {
ul {
list-style-position: outside;
list-style-type: disc !important;
padding-inline-start: 1.625em;
padding-left: 1.5em;
margin-left: 1.25em;
}
}

It's still early days for Lexxy, although it's already close to feature parity with Trix. The only thing I would like to see before rolling this out to more customers is attachment gallery support. This is something of a secret feature of Trix that allows you to align up to three images horizontally. I don't use it myself, but there are Pagecord blogs out there that are doing so and I'd like them to continue having that feature if possible.

Uploaded image
There's a handy app in the Lexxy repo for seeing the HTML that's being produced

I also noticed that it already has better audio and video attachment support than Trix. Here's an audio file I attached to demonstrate.

(Music by Yurii Semchyshyn from Pixabay)

Lexxy is powered by Meta's Lexical so there are opportunities for 37signals and the community to add some really powerful features in time which wasn't really possible with Trix.

If you're keen to try it out, feel free to reply to this post (click the link below) and I'll add you to the beta list when the time comes.