PHPackages teebbstudios/tuieditor-bundle - 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. [Parsing & Serialization](/categories/parsing) 4. / 5. teebbstudios/tuieditor-bundle ActiveSymfony-bundle[Parsing & Serialization](/categories/parsing) teebbstudios/tuieditor-bundle ============================= This bundle integration tui.editor for your Symfony project. v1.0.4(6y ago)7241[3 issues](https://github.com/teebbstudios/TeebbTuiEditorBundle/issues)[2 PRs](https://github.com/teebbstudios/TeebbTuiEditorBundle/pulls)MITPHPPHP ^7.1 Since May 10Pushed 6y agoCompare [ Source](https://github.com/teebbstudios/TeebbTuiEditorBundle)[ Packagist](https://packagist.org/packages/teebbstudios/tuieditor-bundle)[ RSS](/packages/teebbstudios-tuieditor-bundle/feed)WikiDiscussions master Synced 6d ago READMEChangelog (5)Dependencies (13)Versions (6)Used By (0) TeebbTuiEditorBundle ==================== [](#teebbtuieditorbundle) 中文文档在这里：[中文文档](README_zh.md) This bundle integration tui.editor for your symfony project. The code for this bundle was modified from [FOSCKEditorBundle](https://github.com/FriendsOfSymfony/FOSCKEditorBundle). Thanks FOSCKEditorBundle author:[Eric Geleon](https://github.com/egeloen) and [FriendsOfSymfony Community](https://github.com/FriendsOfSymfony/FOSCKEditorBundle/graphs/contributors) , your code is cool. Thanks MIT License. [![tui.editor](https://user-images.githubusercontent.com/1215767/34356204-4c03be8a-ea7f-11e7-9aa9-0d84f9e912ec.gif)](https://user-images.githubusercontent.com/1215767/34356204-4c03be8a-ea7f-11e7-9aa9-0d84f9e912ec.gif) Installation ＆ Usage ==================== [](#installation--usage) Applications that use Symfony Flex ---------------------------------- [](#applications-that-use-symfony-flex) Open a command console, enter your project directory and execute: ``` $ composer require teebbstudios/tuieditor-bundle ``` Applications that don't use Symfony Flex ---------------------------------------- [](#applications-that-dont-use-symfony-flex) ### Step 1: Download the Bundle [](#step-1-download-the-bundle) Open a command console, enter your project directory and execute the following command to download the latest stable version of this bundle: ``` $ composer require teebbstudios/tuieditor-bundle ``` This command requires you to have Composer installed globally, as explained in the [installation chapter](https://getcomposer.org/doc/00-intro.md)of the Composer documentation. ### Step 2: Enable the Bundle [](#step-2-enable-the-bundle) Then, enable the bundle by adding it to the list of registered bundles in the `app/AppKernel.php` file of your project: ``` // app/AppKernel.php // ... class AppKernel extends Kernel { public function registerBundles() { $bundles = [ // ... new Teebb\TuiEditorBundle\TeebbTuiEditorBundle(), ]; // ... } // ... } ``` ### Step 3: Download the Bundle resources [](#step-3-download-the-bundle-resources) Download the latest [tui.editor-bundles](https://github.com/teebbstudios/tui.editor-bundles) in your project. ``` $ php bin/console tuieditor:install ``` This will download the tui.editor all resources to TeebbTuiEditorBundle `src/Resources/public` folder. Then: ``` $ php bin/console assets:install --symlink ``` ### Step 4: Config the Bundle [](#step-4-config-the-bundle) You can add a config file in `config/packages` folder.（Just a simple config, But you can use the following configuration completely）: ``` #config/packages/teebb_tuieditor.yaml teebb_tui_editor: #enable: true # Whether to enable tui.editor. #jquery: true # Whether to enable jquery in dependencies. #jquery_path: ~ # Custom jquery path. #editor_js_path: ~ # Custom tui.editor js path. # ... # more config options, you can see: bin/console debug:config teebb_tui_editor default_config: basic_config configs: basic_config: to_html: false # Save to database use html syntax? #previewStyle: 'vertical' # Markdown editor's preview style (tab, vertical) #height: '400px' # Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto' #initialEditType: 'markdown' # Initial editor type (markdown, wysiwyg) exts: # exts must defined as array - scrollSync - colorSyntax - uml - chart - mark - table ``` You can config tui.editor language. ``` #config/services.yaml parameters: locale: 'zh_CN' # Change the locale ``` ### Step 5: Use the Bundle [](#step-5-use-the-bundle) Add the tui.editor dependencies in your page top. For example: ``` {{ tuieditor_dependencies() }} ``` This will add the tui.editor dependencies JS and CSS libs like: ``` ``` Second, use the `TuiEditorType` in your form field: ``` class ArticleType extends AbstractType { public function buildForm(FormBuilderInterface $builder, array $options) { $builder // ... ->add('body', TuiEditorType::class) ; } // ... } ``` ### Step 6: Render Markdown syntax content [](#step-6-render-markdown-syntax-content) If you were saved markdown syntax in the database. Then you can use the twig function `tuieditor_viewer_widget` to render the markdown syntax content. The first parameter id: div DOM id. The second parameter content: twig variable, the markdown syntax content. Tips: Don't forget render the dependencies in the page top！ ``` {{ tuieditor_viewer_widget("id", content) }} ``` ### Step 7: Done! [](#step-7-done) Yeah! Good Job! The tui.editor will use in your page. Now you can use your inspiration to create. ### Health Score 25 — LowBetter than 37% of packages Maintenance11 Infrequent updates — may be unmaintained Popularity13 Limited adoption so far Community7 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 Every ~15 days Total 5 Last Release 2502d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/ac53051e876f172165478233ce004edaaee86ce537c38034eb5bac9cce77632d?d=identicon)[teebbstudios](/maintainers/teebbstudios) --- Top Contributors [![teebbstudios](https://avatars.githubusercontent.com/u/50291105?v=4)](https://github.com/teebbstudios "teebbstudios (1 commits)") --- Tags markdownteebb-tuieditorbundletuieditormarkdowntui.editor ### Embed Badge ![Health badge](/badges/teebbstudios-tuieditor-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/teebbstudios-tuieditor-bundle/health.svg)](https://phpackages.com/packages/teebbstudios-tuieditor-bundle) ``` ### Alternatives [sylius/sylius E-Commerce platform for PHP, based on Symfony framework. 8.4k5.6M651](/packages/sylius-sylius)[prestashop/prestashop PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers. 9.0k15.4k](/packages/prestashop-prestashop)[contao/core-bundle Contao Open Source CMS 1231.6M2.4k](/packages/contao-core-bundle)[ec-cube/ec-cube EC-CUBE EC open platform. 78527.0k1](/packages/ec-cube-ec-cube)[shopware/platform The Shopware e-commerce core 3.3k1.5M3](/packages/shopware-platform)[easycorp/easyadmin-bundle Admin generator for Symfony applications 4.3k16.7M310](/packages/easycorp-easyadmin-bundle) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)