Download the PHP package broccoli-html-editor/kaleflower without Composer
On this page you can find all versions of the php package broccoli-html-editor/kaleflower. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download broccoli-html-editor/kaleflower
More information about broccoli-html-editor/kaleflower
Files in broccoli-html-editor/kaleflower
Download broccoli-html-editor/kaleflower
More information about broccoli-html-editor/kaleflower
Files in broccoli-html-editor/kaleflower
Vendor broccoli-html-editor
Package kaleflower
Short Description GUI HTML Editor Library.
License MIT
Package kaleflower
Short Description GUI HTML Editor Library.
License MIT
Keywords kaleflower
Please rate this library. Is it a good library?
Informations about the package kaleflower
Kaleflower
Kaleflower は、GUIベースでHTMLを編集するブロックエディタライブラリです。 断片化されたHTMLの部品(モジュール)をドラッグ&ドロップ操作で組み合わせて、ウェブページを構成できます。
インストール - Install
使い方 - Usage
バックエンド(PHP)での初期化
基本的な使用方法
一括処理(ファイル読み込みとビルドを同時実行)
XMLソースから直接読み込み
フロントエンド(JavaScript)での初期化
基本的な使用方法
オプション設定
バックエンド(PHP)のビルドオプション
オプション名 | 型 | デフォルト値 | 説明 |
---|---|---|---|
assetsPrefix |
string | './' |
アセットファイルのパスプレフィックス |
extra |
object | {} |
コンポーネントテンプレートに渡される追加データ |
フロントエンド(JavaScript)の初期化オプション
オプション名 | 型 | デフォルト値 | 説明 |
---|---|---|---|
lang |
string | 'en' |
言語設定('en', 'ja' など) |
appearance |
string | 'auto' |
外観テーマ('light', 'dark', 'auto') |
extra |
object | {} |
コンポーネントテンプレートに渡される追加データ |
finalize |
function | (contents) => contents |
最終的なコンテンツをカスタマイズする関数 |
previewWrapSelector |
boolean/string | false |
プレビューをラップするセレクタ |
urlLayoutViewPage |
string | 'about:blank' |
レイアウトビューのURL |
scriptReceiverSelector |
string | '[data-kaleflower-receive-message=yes]' |
スクリプトメッセージ受信セレクタ |
contentsAreaSelector |
string | '[data-kaleflower-contents-bowl-name]' |
コンテンツエリアセレクタ |
contentsContainerNameBy |
string | 'data-kaleflower-contents-bowl-name' |
コンテンツコンテナ名の属性 |
kflowファイルの構造
kflowファイルはXML形式で、以下の要素で構成されます:
イベントハンドリング
データの保存と読み込み
更新履歴 - Change log
Kaleflower v0.2.1 (2025年7月29日)
- imageフィールドに、「ウェブリソース」「なし」の選択を追加。
- フロントエンドの初期化オプションに
previewWrapSelector
を追加した。 - class名を与えたときに、元のスタイルが失われてしまう問題を修正した。
- カラーパレットから色選択できるようになった。
$kaleflower->getXml()
で、ブラウザとの互換性のため、LF改行コード
を

に変換するようになった。- その他、いくつかの不具合の修正、UIの改善など。
Kaleflower v0.2.0 (2025年7月12日)
- ドラッグ操作でインスタンスの幅と高さを編集できるようになった。
- データ構造変更: 各要素のスタイリング情報を、属性値ではなくCSSを直接操作するようになった。
layout
、contents-direction
、scrollable
を、select
ボックスで選択できるようになった。contents-direction
にvertical
を追加。- 要素の
onclick
,onsubmit
属性値を出力するようになった。 - クラス名を設定していない要素で、カスタムCSSを追加できるようになった。
- クラス名を設定していないスタイル要素を、CSS出力に含めるようになった。
module-name
が設定されている場合に、ルート要素にクラス名が出力されるようになった。- オプション
finalize()
を追加。 - コンポーネントに
can-set-css
属性を追加。 - フィールドに
format
を追加。デフォルトはplain
とした。 - config:
break-point-query-type
を追加。 - 単位付きの入力項目について、入力支援機能を追加。単位を別で選択できるようになった。
- ビューポート幅の変更機能を追加した。
- 小さい画面での操作性を向上した。
- レイアウトビューが、横スクロール操作に追従しない問題を修正。
- メディアクエリのCSSが、ベースクラスのスタイルがない場合に出力されない不具合を修正。
- その他、いくつかの不具合の修正、UIの改善など。
Kaleflower v0.1.1 (2025年4月3日)
- 出力時の calss 名が正しく与えられない場合がある不具合を修正。
- ビルドオプション
extra
を追加した。 - コンポーネントに
_ENV.mode
、_ENV.lang
、_ENV.extra
が送られるようになった。 - コンポーネントに
<style>
を挿入できるようになった。 - インターフェイスの変更:
load()
とbuild()
を分けた。 on()
,off()
,trigger()
を追加した。onchange
イベントを追加した。- その他の細かい不具合の修正など。
Kaleflower v0.1.0 (2025年3月15日)
- Initial release.
ライセンス - License
MIT License
作者 - Author
- Tomoya Koyanagi [email protected]
- website: https://www.pxt.jp/
- Twitter: @tomk79 https://twitter.com/tomk79/
All versions of kaleflower with dependencies
PHP Build Version
Package Version
Requires
php Version
>=7.3.0
ext-json Version *
ext-libxml Version *
ext-mbstring Version *
pickles2/px2style Version ^3.4
tomk79/filesystem Version ^1.0
tomk79/langbank Version ^0.3.0||^0.2.0||^0.1.0||^0.0.4
twig/twig Version ^1.35||^2.12||^3.11
ext-json Version *
ext-libxml Version *
ext-mbstring Version *
pickles2/px2style Version ^3.4
tomk79/filesystem Version ^1.0
tomk79/langbank Version ^0.3.0||^0.2.0||^0.1.0||^0.0.4
twig/twig Version ^1.35||^2.12||^3.11
The package broccoli-html-editor/kaleflower contains the following files
Loading the files please wait ....