PHPackages                             broccoli-html-editor/broccoli-field-summernote - 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 & Views](/categories/templating)
4. /
5. broccoli-html-editor/broccoli-field-summernote

ActiveLibrary[Templating & Views](/categories/templating)

broccoli-html-editor/broccoli-field-summernote
==============================================

WYSIWYGエディタ "summernote" によるフィールド機能を追加します。

0.4.2(4mo ago)07195MITJavaScriptPHP >=7.3.0

Since Jun 6Pushed 4mo ago1 watchersCompare

[ Source](https://github.com/broccoli-html-editor/broccoli-field-summernote)[ Packagist](https://packagist.org/packages/broccoli-html-editor/broccoli-field-summernote)[ RSS](/packages/broccoli-html-editor-broccoli-field-summernote/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (4)Versions (15)Used By (5)

broccoli-field-summernote
=========================

[](#broccoli-field-summernote)

[Broccoli](https://github.com/broccoli-html-editor/broccoli-html-editor)に、 WYSIWYGエディタ "[summernote](https://summernote.org/)" によるフィールド機能を追加します。

インストール - Installation
---------------------

[](#インストール---installation)

```
$ composer require broccoli-html-editor/broccoli-field-summernote;
```

使い方 - Usage
-----------

[](#使い方---usage)

### Pickles 2 で `multitext` フィールドを置き換える

[](#pickles-2-で-multitext-フィールドを置き換える)

`broccoli-field-summernote` が生成するデータは、 `multitext` フィールドと互換します。 `multitext` を置き換えることで、既存の Pickles 2 プロジェクトにそのまま導入することができます。

Pickles 2 の設定ファイル `config.php` に次のような設定を追加します。 (`$path_to_vendor` には、お使いの Composer の vendor ディレクトリのパスをセットしてください)

```
$path_to_vendor = 'path/to/vendor/';
@$conf->plugins->px2dt->guieditor->custom_fields['multitext'] = array(
    'backend'=>array(
        'class' => 'broccoliHtmlEditor\\broccoliFieldSummernote\\summernote',
        'require' => $path_to_vendor.'broccoli-html-editor/broccoli-field-summernote/node/summernote.js',
    ),
    'frontend'=>array(
        'dir' => $path_to_vendor.'broccoli-html-editor/broccoli-field-summernote/fields/',
        'file' => array(
            'summernote.css',
            'summernote.js'
        ),
        'function' => 'window.BroccoliFieldSummernote'
    ),
);
```

`broccoli-field-summernote` フィールドは、`multitext` フィールドのHTML編集モードと同じ形式のデータを保存します。

更新履歴 - Change log
-----------------

[](#更新履歴---change-log)

### broccoli-field-summernote v0.4.2 (2026年2月11日)

[](#broccoli-field-summernote-v042-2026年2月11日)

- 1つのモジュールに複数の summernote フィールドが含まれている場合に、編集内容が混同される不具合を修正した。

### broccoli-field-summernote v0.4.1 (2024年11月1日)

[](#broccoli-field-summernote-v041-2024年11月1日)

- リソースの読み込みに関する不具合を修正した。

### broccoli-field-summernote v0.4.0 (2024年9月10日)

[](#broccoli-field-summernote-v040-2024年9月10日)

- HTMLモードで編集したコンテンツの文法を修復するようになった。
- エディタの名前空間を分離するようになった。
- 内部コードの構成を変更、その他、細かいUIの改善。

### broccoli-field-summernote v0.3.2 (2023年11月13日)

[](#broccoli-field-summernote-v032-2023年11月13日)

- Bootstrap, summernote が提供するCSSの影響範囲を制限した。

### broccoli-field-summernote v0.3.1 (2023年5月4日)

[](#broccoli-field-summernote-v031-2023年5月4日)

- 初期設置直後に Markdown で編集すると、編集内容が正しく保存されない不具合を修正した。
- CodeMirror, Ace Editor 利用時に、エディタの高さを内容に合わせて自動調整する機能を削除した。(パフォーマンスに問題があったため)

### broccoli-field-summernote v0.3.0 (2022年12月29日)

[](#broccoli-field-summernote-v030-2022年12月29日)

- プレーンテキスト、Markdown と切り替えて使えるようになった。
- 内部コードの構成を変更、その他、細かいUIの改善。

### broccoli-field-summernote v0.2.0 (2022年6月5日)

[](#broccoli-field-summernote-v020-2022年6月5日)

- サポートするPHPのバージョンを `>=7.3.0` に変更。
- データに不備がある場合に起きるエラーを修正。
- WYSIWYG内での見出しスタイルの干渉を解決した。

### broccoli-field-summernote v0.1.2 (2020年8月12日)

[](#broccoli-field-summernote-v012-2020年8月12日)

- Update Summernote: v0.8.16 to v0.8.18
- `rows` オプションを追加。

### broccoli-field-summernote v0.1.1 (2020年6月6日)

[](#broccoli-field-summernote-v011-2020年6月6日)

- クライアント側リソースのパスが合わない不具合を修正。

### broccoli-field-summernote v0.1.0 (2020年6月6日)

[](#broccoli-field-summernote-v010-2020年6月6日)

- Initial release.

ライセンス - License
---------------

[](#ライセンス---license)

MIT License

作者 - Author
-----------

[](#作者---author)

- Tomoya Koyanagi
- website:
- Twitter: @tomk79

###  Health Score

39

—

LowBetter than 84% of packages

Maintenance74

Regular maintenance activity

Popularity14

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity48

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

Every ~207 days

Total

11

Last Release

142d ago

PHP version history (2 changes)0.1.0PHP >=5.4.0

0.2.0PHP >=7.3.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/00ca3b0b7c69b5a8c25bbfb82b305ab94c4fc7458b38df445cbb97acc073875f?d=identicon)[tomk79](/maintainers/tomk79)

---

Top Contributors

[![tomk79](https://avatars.githubusercontent.com/u/584845?v=4)](https://github.com/tomk79 "tomk79 (69 commits)")

---

Tags

pickles2broccoli

### Embed Badge

![Health badge](/badges/broccoli-html-editor-broccoli-field-summernote/health.svg)

```
[![Health](https://phpackages.com/badges/broccoli-html-editor-broccoli-field-summernote/health.svg)](https://phpackages.com/packages/broccoli-html-editor-broccoli-field-summernote)
```

###  Alternatives

[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3851.2M](/packages/limenius-react-bundle)[area17/laravel-auto-head-tags

Laravel Auto Head Tags helps you build the list of head elements for your app

4616.1k](/packages/area17-laravel-auto-head-tags)[jelix/wikirenderer

WikiRenderer is a library to generate HTML or anything else from wiki content.

1712.3k1](/packages/jelix-wikirenderer)[webkinder/sproutset

A Composer package for handling responsive images in Roots Bedrock + Sage + Blade projects.

282.2k](/packages/webkinder-sproutset)

PHPackages © 2026

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