PHPackages                             pepsit36/summernotebundle - 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. [Templating &amp; Views](/categories/templating)
4. /
5. pepsit36/summernotebundle

AbandonedArchivedLibrary[Templating &amp; Views](/categories/templating)

pepsit36/summernotebundle
=========================

This bundle provides a form type based on Summernote, a WYSWYG editor

v1.0(9y ago)3488[1 issues](https://github.com/Pepsit36/SummernoteBundle/issues)MITPHPPHP &gt;=5.5.9

Since Oct 6Pushed 8y ago3 watchersCompare

[ Source](https://github.com/Pepsit36/SummernoteBundle)[ Packagist](https://packagist.org/packages/pepsit36/summernotebundle)[ RSS](/packages/pepsit36-summernotebundle/feed)WikiDiscussions master Synced today

READMEChangelog (1)Dependencies (4)Versions (2)Used By (0)

Pepsit36/SummernoteBundle
=========================

[](#pepsit36summernotebundle)

This bundle provides a form type based on Summernote, a WYSIWYG editor. (A CKEditor and TinyMCE alternative and Open Source).

Proudly develop by [Sébastien Duplessy](https://www.duplessy.eu).

[![Build Status](https://camo.githubusercontent.com/6ef44624141e5bf3ff5ea04c96250353f2fe9671b4ba105b3281d7c06da1bafd/68747470733a2f2f7472617669732d63692e6f72672f50657073697433362f53756d6d65726e6f746542756e646c652e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/Pepsit36/SummernoteBundle)[![SensioLabsInsight](https://camo.githubusercontent.com/ae0411b18f00a445b8c4ce96ccaaadd957d3357bd241f46f533524ec4b066a87/68747470733a2f2f696e73696768742e73656e73696f6c6162732e636f6d2f70726f6a656374732f64386335666131302d616335382d343035632d393764342d6435653137333731633232312f6d696e692e706e67)](https://insight.sensiolabs.com/projects/d8c5fa10-ac58-405c-97d4-d5e17371c221)[![Latest Stable Version](https://camo.githubusercontent.com/e4ab6c91f57b1da72d6c9e9fdda2e72d0a1830045c03e11a925e8655197e70c1/68747470733a2f2f706f7365722e707567782e6f72672f70657073697433362f73756d6d65726e6f746562756e646c652f762f737461626c65)](https://packagist.org/packages/pepsit36/summernotebundle)[![Total Downloads](https://camo.githubusercontent.com/9f0f82ced00aeb43f38f91b10e4a06d6ff33590a0abb544b105ecbcac2e00000/68747470733a2f2f706f7365722e707567782e6f72672f70657073697433362f73756d6d65726e6f746562756e646c652f646f776e6c6f616473)](https://packagist.org/packages/pepsit36/summernotebundle)[![Latest Unstable Version](https://camo.githubusercontent.com/25be850f5cb4977e230aa1755950ac20c9a3b823c23ff3ece6b001e85fec3cb0/68747470733a2f2f706f7365722e707567782e6f72672f70657073697433362f73756d6d65726e6f746562756e646c652f762f756e737461626c65)](https://packagist.org/packages/pepsit36/summernotebundle)[![License](https://camo.githubusercontent.com/34de93fd33b366c3fda67b58fa164b262b3c1b7fdd4d8372d4eaa0adcf65032a/68747470733a2f2f706f7365722e707567782e6f72672f70657073697433362f73756d6d65726e6f746562756e646c652f6c6963656e7365)](https://packagist.org/packages/pepsit36/summernotebundle)

Requirements
------------

[](#requirements)

Minimum requirements for this bundle:

- Symfony 2.3
- Twitter Bootstrap 3.0
- JQuery 1.9

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

[](#installation)

- Add Pepsit36/SummernoteBundle to your application's `composer.json` file

```
{
    "require": {
        "pepsit36/summernotebundle": "dev-master"
    }
}
```

- Add Pepsit36/SummernoteBundle to your application's `AppKernel.php` file

```
new Pepsit36\SummernoteBundle\Pepsit36SummernoteBundle(),
```

- Add routing information to your application's `routing.yml`:

```
pepsit36_summernote:
    resource: "@Pepsit36SummernoteBundle/Resources/config/routing.yml"
    prefix:   /
```

Minimal Configuration
---------------------

[](#minimal-configuration)

- You must to execute a update of your database to add images' entity.

```
doctrine:schema:update --force
```

- You need to download the package on summernote's website : and you can extract his `dist` folder on the folder `YourApp/web/resources/summernote`, you can change it in your `config.yml`, for more information see below.
- Please consider installing yourself the dependence of Summernote (Bootstrap + JQuery) in the page you'll use it. Please refer to [Bootstrap's Website](http://getbootstrap.com/getting-started/) and [JQuery's Website](http://jquery.com/download/) for more informations.

```

```

- For security reasons you need to create the folder manually where the picture will be storage. The default folder is `YourApp/web/uploads/images/summernote`, you can change it in your `config.yml`, for more information see below.

Additional Configuration
------------------------

[](#additional-configuration)

Pepsit36/Summernote supports some configuration parameters. These parameters can be configured in config.yml. See below the default configuration.

- **width**: This is the width of Summernote widget (default: 0)

```
pepsit36_summernote:
    ...
    width: 0
```

- **height**: This is the height of Summernote widget.

```
pepsit36_summernote:
    ...
    height: 0
```

- **focus**: This will focus editable area after initializing Summernote widget.

```
pepsit36_summernote:
    ...
    focus: false
```

- **toolbar**: This will configure the toolbar of Summernote widget.

```
pepsit36_summernote:
    ...
    toolbar:
        - { name: 'style', buttons: ['style'] }
        - { name: 'fontsize', buttons: ['fontsize'] }
        - { name: 'font', buttons: ['bold', 'italic', 'underline', 'clear'] }
        - { name: 'fontname', buttons: ['fontname'] }
        - { name: 'color', buttons: ['color'] }
        - { name: 'para', buttons: ['ul', 'ol', 'paragraph'] }
        - { name: 'height', buttons: ['height'] }
        - { name: 'table', buttons: ['table'] }
        - { name: 'insert', buttons: ['link', 'picture', 'hr'] }
        - { name: 'view', buttons: ['fullscreen', 'codeview'] }
        - { name: 'help', buttons: ['help'] }
```

- **styleTags**: This will configure the style tags available for Summernote widget.

```
pepsit36_summernote:
    ...
    styleTags: ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']
```

- **fontNames**: This will configure the font names available for Summernote widget.

```
pepsit36_summernote:
    ...
    fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana']
```

- **fontSizes**: This will configure the font sizes available for Summernote widget.

```
pepsit36_summernote:
    ...
    fontSizes : ['8', '9', '10', '11', '12', '14', '18', '24', '36']
```

- **colors**: This will configure the colors available for Summernote widget.

```
pepsit36_summernote:
    ...
    colors:
        - ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#FFFFFF']
        - ['#FF0000', '#FF9C00', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#9C00FF', '#FF00FF']
        - ['#F7C6CE', '#FFE7CE', '#FFEFC6', '#D6EFD6', '#CEDEE7', '#CEE7F7', '#D6D6E7', '#E7D6DE']
        - ['#E79C9C', '#FFC69C', '#FFE79C', '#B5D6A5', '#A5C6CE', '#9CC6EF', '#B5A5D6', '#D6A5BD']
        - ['#E76363', '#F7AD6B', '#FFD663', '#94BD7B', '#73A5AD', '#6BADDE', '#8C7BC6', '#C67BA5']
        - ['#CE0000', '#E79439', '#EFC631', '#6BA54A', '#4A7B8C', '#3984C6', '#634AA5', '#A54A7B']
        - ['#9C0000', '#B56308', '#BD9400', '#397B21', '#104A5A', '#085294', '#311873', '#731842']
        - ['#630000', '#7B3900', '#846300', '#295218', '#083139', '#003163', '#21104A', '#4A1031']
```

- **placeholder**: This will configure the placeholder.

```
pepsit36_summernote:
    ...
    placeholder: ''
```

- **summernote\_path**: This will configure the path of summernote's folder, if false the summernote's files will be not include. (default: false)

```
pepsit36_summernote:
    ...
    summernote_path: 'resources/summernote'
```

- **images\_path**: This will configure the path where will be storage uploaded images.

```
pepsit36_summernote:
    ...
    images_path: 'uploads/images/summernote'
```

Usage
-----

[](#usage)

Pepsit36/Summernote bundle provides a formtype. This example form uses it:

```
class TestFormType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        ...
        $builder->add('test_content', SummernoteType::class);
        ...

    }
    ...

}
```

You also need to add some twig tags in your templates to import all CSS and JS needed to make summernote work: (form is your formview)

```
...
{# Pepsit36/Summernote CSS - usefull only if summernote_path is configurate with one path #}
{{ summernote_form_stylesheet(form) }}

{# Pepsit36/Summernote JS #}
{{ summernote_form_javascript(form) }}
```

###  Health Score

27

—

LowBetter than 47% of packages

Maintenance13

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 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

3555d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/5685137?v=4)[Sébastien Duplessy](/maintainers/Pepsit36)[@Pepsit36](https://github.com/Pepsit36)

---

Top Contributors

[![Pepsit36](https://avatars.githubusercontent.com/u/5685137?v=4)](https://github.com/Pepsit36 "Pepsit36 (28 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/pepsit36-summernotebundle/health.svg)

```
[![Health](https://phpackages.com/badges/pepsit36-summernotebundle/health.svg)](https://phpackages.com/packages/pepsit36-summernotebundle)
```

###  Alternatives

[easycorp/easyadmin-bundle

Admin generator for Symfony applications

4.3k17.5M378](/packages/easycorp-easyadmin-bundle)[rcsofttech/audit-trail-bundle

Enterprise-grade, high-performance Symfony audit trail bundle. Automatically track Doctrine entity changes with split-phase architecture, multiple transports (HTTP, Queue, Doctrine), and sensitive data masking.

1175.2k](/packages/rcsofttech-audit-trail-bundle)[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.5k5.8M717](/packages/sylius-sylius)[2lenet/crudit-bundle

The easy like Crud'it Bundle.

1615.6k12](/packages/2lenet-crudit-bundle)[kimai/kimai

Kimai - Time Tracking

4.8k8.7k1](/packages/kimai-kimai)[prestashop/prestashop

PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers.

9.1k16.8k](/packages/prestashop-prestashop)

PHPackages © 2026

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