Download the PHP package phloxcz/forms-editor without Composer
On this page you can find all versions of the php package phloxcz/forms-editor. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download phloxcz/forms-editor
More information about phloxcz/forms-editor
Files in phloxcz/forms-editor
Package forms-editor
Short Description Full-featured WYSIWYG editor form control for Nette Framework with Bootstrap 5.3 Grid builder, image upload, source view and more.
License MIT
Homepage https://github.com/phloxcz/forms-editor
Informations about the package forms-editor
Phlox Forms Editor
Plnohodnotný WYSIWYG editor pro Nette Framework s podporou Bootstrap 5.3 Grid builderu.
Žádné npm, žádný bundler — stačí přidat dva soubory (wysiwyg.css + wysiwyg.js).
Podrobná dokumentace (kompletní API, toolbar skupiny, témata, bezpečnost) je v
docs/README.md.
Funkce
| Funkce | |
|---|---|
| Bb | Tučné, kurzíva, podtržení, přeškrtnutí, horní/dolní index |
| H1 | Odstavec, H1–H6, citace, blok kódu (výběr ze stylu) |
<> |
Inline kód + blok kódu |
| ☰ | Odrážkový a číslovaný seznam |
| ⊞ | Vizuální tabulkový builder (1–8 × 1–8) |
| 🔗 | Vložení / editace odkazu, výběr okna |
| 🖼 | Upload obrázku přes Nette handler nebo URL; alt, CSS třída, plovoucí toolbar pro resize |
| ▦ | Bootstrap 5.3 Grid builder — vizuální konfigurace řádku + plovoucí toolbar pro editaci sloupců |
| 🎨 | Barva textu, barva pozadí, velikost písma |
| 😀 | Emoji picker, výběr speciálních znaků |
| > | Přepínač WYSIWYG ↔ raw HTML zdrojový kód |
| ⛶ | Fullscreen režim |
| 🧩 | Vkládání vlastních widgetů (window.PhloxEditor.insertWidget()) — pro anketu, embed apod. vykreslené na serveru |
| ⌨ | Klávesové zkratky (Ctrl+B/I/U, Ctrl+Shift+S, Tab v <pre>) |
Tři vestavěná témata (THEME_DEFAULT, THEME_BOOTSTRAP, THEME_TAILWIND) a plně konfigurovatelný toolbar — podrobnosti v dokumentaci.
Požadavky
- PHP 8.4+
- nette/forms ^3.1
- nette/di ^3.1
- nette/http ^3.2
- nette/utils ^4.0
- Moderní prohlížeč (Chrome 90+, Firefox 90+, Safari 15+, Edge 90+)
Instalace
Poté zkopírujte assety do svého www/:
Tip: Assety jsou záměrně mimo
public/— můžete je zahrnout do svého build pipeline (esbuild, Webpack…) nebo servovat přímo.
Konfigurace
1. Registrace DI Extension
config/common.neon:
2. Assety v layoutu
app/templates/@layout.latte:
Použití
Formulář
Upload obrázků
Přidejte ImageUploadTrait do presenteru, který bude zpracovávat nahrávání:
Zaregistrujte akci v routeru:
Bez DI Extension (manuální registrace)
Bootstrap 5.3 Grid editor
Kliknutím na ikonu Grid v toolbaru otevřete dialog:
- Přidávejte a odebírejte sloupce tlačítky
- Pro každý sloupec zvolte šířku: auto (
col) nebo 1–12 (col-1…col-12) - Živý náhled se aktualizuje okamžitě
Po vložení klikněte do libovolného sloupce — zobrazí se plovoucí toolbar:
- Měňte šířku každého sloupce přes selectboxy
+ sloupecpřidá nový sloupec✕ řádeksmaže celý grid řádek
Výsledné HTML je čisté Bootstrap markup:
Bezpečnost
⚠️ Důležité: Editor vrací raw HTML. Před uložením do databáze vždy sanitizujte vstup.
Doporučená knihovna: HTMLPurifier
Vývoj
Přispívání
- Forkněte repozitář
- Vytvořte feature branch:
git checkout -b feature/moje-funkce - Commitněte změny:
git commit -m 'feat: popis změny' - Pushněte branch:
git push origin feature/moje-funkce - Otevřete Pull Request
Konvence pro commit messages: Conventional Commits. Podrobnosti v CONTRIBUTING.md.
Licence
MIT — viz LICENSE.
All versions of forms-editor with dependencies
nette/forms Version ^3.1
nette/di Version ^3.1
nette/http Version ^3.2
nette/utils Version ^4.0