News>Announcing

Ckeditor5-phoenix - CKEditor 5 wysiwyg integration for Phoenix

/phoenix#liveview#liveview-form
Mati365

Mati365

Ckeditor5-phoenix - CKEditor 5 wysiwyg integration for Phoenix

Phoenix has great tooling overall, but one thing that’s still lacking is a solid, plug-and-play integration with a modern WYSIWYG editor. Most solutions floating around are partial, outdated or rely on plain JS embeds with no real LiveView support.

So I built one:

https://github.com/Mati365/ckeditor5-phoenix

This library wraps CKEditor 5 in a LiveComponent.

I’m open to feedback and happy to review PRs - feel free to contribute!

11 comments
/phoenix#liveview#liveview-form
20 403 11

Most Liked

Mati365

Mati365

I’ve just released version 1.10.1 with the following improvements:

  1. Stability fixes – the integration no longer crashes when a component is rapidly unmounted before it’s fully initialized.
  2. Editor watchdog support – the editor can now automatically recover and restore data after a crash.
  3. Context & clustering support – added the context watchdog and the ability to cluster multiple editors.

More details on GitHub: GitHub - Mati365/ckeditor5-phoenix: 🚀 CKEditor 5 for Phoenix - smooth WYSIWYG integration for Elixir apps! ⚡ Works seamlessly with LiveView or traditional forms. 💡 Easy setup, supports custom builds, dynamic loading, and localization. 🔧 Plug-and-play modules, JS hooks, and full customization support. 🎯 Ready for both open-source and commercial use!

4
Post #4
Mati365

Mati365

It depends on your uploader plugin. The default preset embeds images as base64. It’s possible to override it and use SimpleUploader that sends file to specific endpoint.

1
Post #3
ppetrov

ppetrov

Great stuff! I have question - is there some kind of tutorial about implementing it in a form?

1
Post #5
ppetrov

ppetrov

My apologies, did not read the readme to the end… Thanks for that!

1
Post #6

Where Next?

View thread on forum (has 11 responses!)
phoenix
liveview
liveview-form
Home News>Announcing
/phoenix#liveview#liveview-form
20 405 11
Last post

Popular in Announcing Top

Schultzer
News>Announcing

SQL - Brings an extensible SQL parser and sigil to Elixir, confidently write SQL with automatic parameterized queries
Hey there, I wrote this low-level library recently, its goal is simply to lower the barrier between Elixir and SQL, and it does that by p...
/phoenix#ecto#sql#postgresql#mysql#mariadb#ecto_sql#tds
97 1954 31
New
mikehostetler
News>Announcing

ReqFly - Fly.io Machines Client as a Req Plugin
I’m falling in love with the Req Plugin pattern. It has limits, but when it works - it’s good. I ported over my Tesla based Fly Machines...
#http_client#flyio
10 168 0
New
Flo0807
News>Announcing

Backpex - a highly customizable admin panel for Phoenix LiveView applications
Hello everyone! I am excited to share our heart project Backpex with you. After building several Phoenix applications, we realized that...
/phoenix#library#liveview#admin-tools#phoenix-live-view#phoenix_live_view#live-view#phoenix-liveview#backpex
291 9256 90
New
johantell
News>Announcing

Moxinet - mox-like mocks, but for the HTTP layer
Ever struggled with mocking external HTTP services in Elixir tests? Found yourself writing brittle mocks that don’t catch real-world enco...
#testing
11 226 3
New
tugayac
News>Announcing

Usher - Manage invitation links for your app built in Elixir
Hey Elixir Community! A few months back, I open sourced a link management system we had built into an app. It’s now got enough features ...
#ecto#library#invite
10 250 2
New
rbino
News>Announcing

TigerBeetlex - an Elixir client for TigerBeetle
Hey folks! I’m happy to introduce TigerBeetlex, an Elixir client for TigerBeetle, the financial transactions database. I’ve been working...
#databases#nif#finance#zig#tigerbeetlex#tigerbeetle
30 453 4
New
LostKobrakai
News>Announcing

PhoenixVite - Integrating the vite built tooling with phoenix
I’ve recently created a small library phoenix_vite integrating the vite build tooling with phoenix. It provides an igniter.installer t...
/phoenix#javascript#bun#igniter
51 773 5
New
jstimps
News>Announcing

Ecto_foundationdb - An Ecto Adapter for FoundationDB
I’ve started development on an Ecto Adapter for FoundationDB: GitHub - ecto_foundationdb. FoundationDB is a distributed database with AC...
#ecto#ecto_foundationdb
86 1777 62
New
aesmail
News>Announcing

Kaffy - a quick and flexible admin interface for phoenix applications
Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...
/phoenix#ecto#library#admin-tools#kaffy
301 23683 97
New
billylanchantin
News>Announcing

Explorer - Series (1D) and dataframes (2D) for fast and elegant data exploration in Elixir
The Explorer library has been out for some time. But we just released the latest version (see below), and we thought we’d start posting u...
#explorer
58 1448 16
New

Other popular topics Top

belgoros
Questions & Help>Questions

Regex question for hyphen match
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
#learning-elixir
9 12939 10
New
freewebwithme
Questions & Help>Questions

Failed to run 'elixir' command error in vs code
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
#vscode#elixir-ls
48 15871 39
New
Harrisonl
Questions & Help>Questions

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...
#deployment
2 85219 3
New
bsollish-terakeet
Questions & Help>Questions

Checking if an enum is empty - Credo vs Compiler
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
#compiler#credo
8 22889 6
New
AstonJ
Learning Resources>Courses

Elixir for Programmers (PragDave)
You’re a programmer, so you don’t need spoon feeding with the conventional drivel about “this is an integer.” No. You need to know what’s...
#elixir-for-programmers-course
201 29468 78
New
_russellb
Questions & Help>Questions

Web scraping tools
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
#web-scraping
123 19127 45
New
ycv005
Questions & Help>Questions

BEAM file compliation error after degrading Erlang version from 22 to 21
I have followed this StackOverflow post to install the specific version of Erlang. And When I am running mix ecto.setup then getting fol...
/phoenix#erlang
33 15699 4
New
script
Questions & Help>Questions

Removing spaces and characters from string
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
#regex
11 14427 2
New
aadeshere1
Questions & Help>Questions

Write while loop equivalent in elixir
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
#while#loop
60 28200 36
New
aesmail
News>Announcing

Kaffy - a quick and flexible admin interface for phoenix applications
Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...
/phoenix#ecto#library#admin-tools#kaffy
301 23683 97
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

News>Announcing

News Announcing ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement