PHPackages                             53ny4/ez-block-editor - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. 53ny4/ez-block-editor

ActiveLibrary[Utility & Helpers](/categories/utility)

53ny4/ez-block-editor
=====================

WYSIWYG block editor

0.2.5(1y ago)02MITJavaScript

Since Nov 15Pushed 1y ago1 watchersCompare

[ Source](https://github.com/53ny4/ez-block-editor)[ Packagist](https://packagist.org/packages/53ny4/ez-block-editor)[ RSS](/packages/53ny4-ez-block-editor/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

WYSIWYG EZ Block Editor v0.2.5
==============================

[](#wysiwyg-ez-block-editor-v025)

### NOTE: Project is in **VERY EARLY STAGE** and still in development and may contain bugs or incomplete features.

[](#note-project-is-in-very-early-stage-and-still-in-development-and-may-contain-bugs-or-incomplete-features)

Description
-----------

[](#description)

A versatile and user-friendly WYSIWYG block editor that allows users to add and format blocks, including headers, paragraphs, images, links, and embedded content. The editor provides options for uploading images or linking from URLs, inserting media from embedded links, and applying text styling.

Images
------

[](#images)

[![Editor](docs/images/overview.png)](docs/images/overview.png)

[![Editor](docs/images/block_selection.png)](docs/images/block_selection.png)

[![Editor](docs/images/block_settings.png)](docs/images/block_settings.png)

Tech Stack
----------

[](#tech-stack)

- **HTML/CSS**: Basic structure and styling
- **JavaScript (jQuery)**: Dynamic content manipulation and AJAX requests
- **Bootstrap**: Responsive UI components
- **SortableJS**: Drag-and-drop functionality
- **PHP**: Backend for image handling and URL parsing

Features
--------

[](#features)

- **Add Different Block Types**: Easily add headers, paragraphs, images, links, and embedded content.
- **Image Upload & URL Insertion**: Choose to upload an image or insert it via a URL.
- **Resizable Images**: Resize images by dragging the corner.
- **Responsive Link & Embed Blocks**: Preview links and embedded content dynamically based on Open Graph metadata.
- **Text Styling Options**: Apply bold, italic, underline, and strikethrough formatting.
- **Drag-and-Drop**: Organize blocks by dragging them to your desired order.

Installation
------------

[](#installation)

### Note: Currently all dependencies are imported from CDNs, so no need to install any packages.

[](#note-currently-all-dependencies-are-imported-from-cdns-so-no-need-to-install-any-packages)

1. Clone the repository - `git clone https://github.com/53ny4/ez-block-editor.git`
2. Run a local server (e.g., `php -S localhost:8000`)
3. Open `index.html` in your browser
4. Done!

---

ToDo
----

[](#todo)

- Add more block types
- Clean up code and dependencies
- Make modular and reusable components
- Data output and saving
- Handle url parsing and embeds (currently in test mode)
- ...and many, many more things I can't think of right now

Tested Browsers
---------------

[](#tested-browsers)

- Google Chrome
- Microsoft Edge

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance38

Infrequent updates — may be unmaintained

Popularity2

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity28

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

541d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8077ee47bbeeb0d7f138d2255e25480c5e465b1d5933983874c71f89d0387809?d=identicon)[53ny4](/maintainers/53ny4)

---

Top Contributors

[![53ny4](https://avatars.githubusercontent.com/u/185612834?v=4)](https://github.com/53ny4 "53ny4 (13 commits)")

---

Tags

editorwysiwygblock

### Embed Badge

![Health badge](/badges/53ny4-ez-block-editor/health.svg)

```
[![Health](https://phpackages.com/badges/53ny4-ez-block-editor/health.svg)](https://phpackages.com/packages/53ny4-ez-block-editor)
```

###  Alternatives

[froala/wysiwyg-editor

A beautiful jQuery WYSIWYG HTML rich text editor. High performance and modern design make it easy to use for developers and loved by users.

5.4k306.9k3](/packages/froala-wysiwyg-editor)[ckeditor/ckeditor

JavaScript WYSIWYG web text editor.

5234.2M75](/packages/ckeditor-ckeditor)[stfalcon/tinymce-bundle

This Bundle integrates TinyMCE WYSIWYG editor into a Symfony2 project.

2692.9M24](/packages/stfalcon-tinymce-bundle)[unisharp/laravel-ckeditor

JavaScript WYSIWYG web text editor (for laravel).

377762.3k5](/packages/unisharp-laravel-ckeditor)[mihaildev/yii2-ckeditor

Yii2 CKEditor

118552.5k50](/packages/mihaildev-yii2-ckeditor)[trsteel/ckeditor-bundle

Symfony bundle for easy integration of the CKEditor WYSIWYG

99630.9k9](/packages/trsteel-ckeditor-bundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)