April 19, 2025

Creating a WYSIWYG Editor in LiveView with S3 Image Uploads

82

clicks

Creating a WYSIWYG Editor in LiveView with S3 Image Uploads

Source: dev.to

This tutorial guides you through the process of creating a WYSIWYG editor using LiveView in Elixir, where users can insert images that are automatically uploaded to an S3 bucket. The setup includes Elixir 1.18.1, Erlang OTP 27, and Phoenix 1.18.0-rc. You will use Quill.js for the editor, convert HTML to Markdown, decode base64 images, upload them, and save the content in a database while preserving styling. The tutorial also covers setting up hooks, handling errors, and styling the output using Tailwind CSS and its typography plugin.

Continue reading

Related posts

A Comprehensive UI Components Library for Phoenix with Great Customization

Mishka highlights the features of the Chelekom library for Phoenix, offering over 90 customizable UI components with Tailwind integration and robust documentation.

Exploring Data Transformation in Phoenix 1.7

The introduction of HEEx in Phoenix 1.7 brought changes to data transformation in HTTP responses, while maintaining backward compatibility.

Mar 24, 2025

A Skeptical Developer's Transformation through the Stdlib Approach and AI Agents

Ihor Katkov shares his journey from skepticism to belief in agent-augmented development, detailing how the stdlib approach, as explained by Geoffrey Huntley, revolutionized his use of AI in programming.

© HashMerge 2025