PHPackages                             wdmg/bootstrap-wysiwyg-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. wdmg/bootstrap-wysiwyg-editor

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

wdmg/bootstrap-wysiwyg-editor
=============================

Simple WYSIWYG editor plugin for Bootstrap 3

1.1.4(5y ago)164086[1 issues](https://github.com/wdmg/bootstrap-wysiwyg/issues)[1 PRs](https://github.com/wdmg/bootstrap-wysiwyg/pulls)MITJavaScript

Since Jan 30Pushed 3y ago2 watchersCompare

[ Source](https://github.com/wdmg/bootstrap-wysiwyg)[ Packagist](https://packagist.org/packages/wdmg/bootstrap-wysiwyg-editor)[ Docs](https://github.com/wdmg/bootstrap-wysiwyg/)[ RSS](/packages/wdmg-bootstrap-wysiwyg-editor/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)DependenciesVersions (11)Used By (0)

Bootstrap WYSIWYG
=================

[](#bootstrap-wysiwyg)

Simple editor plugin for Bootstrap

Installation
============

[](#installation)

```
$ npm install bootstrap-wysiwyg-editor
$ bower install bootstrap-wysiwyg-editor
$ yarn add bootstrap-wysiwyg-editor
$ composer require bootstrap-wysiwyg-editor

```

Usage example
=============

[](#usage-example)

For example use the input-group:

```

    Message:

```

... and init from script:

```

    $(document).ready(function () {

        // For init plugin use:
        $('#editor').wysiwyg({
            toolbar: [
                ['mode'],
                ['operations', ['undo', 'rendo', 'cut', 'copy', 'paste']],
                ['styles'],
                ['fonts', ['select', 'size']],
                ['text', ['bold', 'italic', 'underline', 'strike', 'subscript', 'superscript', 'font-color', 'bg-color']],
                ['align', ['left', 'center', 'right', 'justify']],
                ['lists', ['unordered', 'ordered', 'indent', 'outdent']],
                ['components', ['table']],
                ['intervals', ['line-height', 'letter-spacing']],
                ['insert', ['emoji', 'link', 'image', 'video', 'symbol']],
                ['special', ['print', 'unformat', 'visual', 'clean']],
            ],
            fontSizes: ['8px', ... '48px'],
            fontSizeDefault: '12px',
            fontFamilies: ['Open Sans', 'Arial', ... 'Times New Roman', 'Verdana'],
            fontFamilyDefault: 'Open Sans',
            emojiDefault: [...],
            symbolsDefault: [...],
            colorPalette: [...],
            mode: 'editor',
            highlight: true,
            debug: false
        });

        // To destroy plugin use:
        $('#editor').wysiwyg('destroy');

    });

```

Options
=======

[](#options)

NameTypeDescriptiontoolbararrayList of available editor features.fontSizesarrayList of available font sizes.fontSizeDefaultstringThe default font size.fontFamiliesarrayList of font families.fontFamilyDefaultstringDefault font.emojiDefaultarrayList of emojis.symbolsDefaultarrayList of characters (spec. symbols).colorPalettearrayColor picker.modestringThe default editor mode.debugbooleanFlag if debugging is required.Status and version
==================

[](#status-and-version)

- v.1.1.4 - Gulp, added destroy method
- v.1.1.3 - Fixed path info in footer
- v.1.1.2 - Added visual blocks view mode, fixed some bugs
- v.1.1.1 - Bugfix
- v.1.1.0 - Plugin in progress development

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity24

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity67

Established project with proven stability

 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

Every ~85 days

Recently: every ~175 days

Total

10

Last Release

1888d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1635637?v=4)[Alexsander Vyshnyvetskyy](/maintainers/alex-wdmg)[@alex-wdmg](https://github.com/alex-wdmg)

---

Top Contributors

[![alex-wdmg](https://avatars.githubusercontent.com/u/1635637?v=4)](https://github.com/alex-wdmg "alex-wdmg (50 commits)")

---

Tags

editorbootstrapwysiwygtwitter bootstrap

### Embed Badge

![Health badge](/badges/wdmg-bootstrap-wysiwyg-editor/health.svg)

```
[![Health](https://phpackages.com/badges/wdmg-bootstrap-wysiwyg-editor/health.svg)](https://phpackages.com/packages/wdmg-bootstrap-wysiwyg-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.2M76](/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)