Download the PHP package eckinox/tinymce-bundle without Composer
On this page you can find all versions of the php package eckinox/tinymce-bundle. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download eckinox/tinymce-bundle
More information about eckinox/tinymce-bundle
Files in eckinox/tinymce-bundle
Package tinymce-bundle
Short Description A Symfony bundle to add TinyMCE in your apps and forms.
License
Informations about the package tinymce-bundle
TinyMCE for your Symfony apps and forms
Getting started
1. Install this package via Composer
2. Start using TinyMCE!
Using TinyMCE in Symfony forms
Adding a TinyMCE editor in your Symfony forms works like any other form types:
Using TinyMCE in templates
To render a TinyMCE editor in Twig without using Symfony forms, you can use the
tinymce()
Twig function that is provided by this bundle.
Simply provide the value as the first argument and you're good to go.
You can also use the second argument to specify attributes to add to the element.
Here is an example:
Using TinyMCE in Javascript
To render a TinyMCE editor in Javascript, first ensure that the main TinyMCE script is loaded.
If you already use the tinymce()
Twig function or the TinymceType
on the page,
the scripts are already loaded. Otherwise, you can include them on the page either
by adding the following scripts manually:
or by using the tinymce_scripts()
function like so:
Then, all you have to do is add a TinyMCE editor web element on the page with the desired attributes and value.
Here's is an example:
You can refer to Tiny's web component documentation for more information.
Configuring TinyMCE
This bundle includes and uses the web component version of TinyMCE.
You can configure TinyMCE by setting HTML attributes on the editor element itself (<tinymce-editor>
).
When using the form type, you can use the attr
option to set the attributes.
For example, you can set the toolbar's actions like so:
For more information on the different configurations that TinyMCE offers, refer to Tiny's web component documentation.
Default configurations
You can set the following default options in a configuration file:
File uploads (optional)
File uploads are not handled by default, as the process will vary from project to project.
To set this up, take a look at Tiny's web component file upload documentation.
To help you get started, we have provided an example of what the implementation may look like.
You can find this example in docs/file-upload-example.md
.
AppStack skin
This bundle comes with an appstack
skin, which matches the style of the
AppStack Bootstrap template.
This skin is an extension of the tinymce-5, and it has dark mode support built-in.
To use it, simply specify it in your configuration:
Versions
Bundle version | TinyMCE version | TinyMCE Web Component version |
---|---|---|
1.1 | 6.8.2 | 2.0.2 |
1.0 | 6.0.2 | 2.0.0 |
Contributing
Feel free to submit issues and PRs to the eckinox/tinymce-bundle repository on GitHub.
For more information on how to contribute, check out CONTRIBUTING.md.
License
This bundle is distributed under the MIT license.
TinyMCE and the TinyMCE web component are developed and distributed by Tiny® under the MIT license.
All versions of tinymce-bundle with dependencies
symfony/asset Version ^4.0|^5.0|^6.0|^7.0
symfony/http-foundation Version ^4.0|^5.0|^6.0|^7.0
symfony/http-kernel Version ^4.0|^5.0|^6.0|^7.0
symfony/form Version ^4.0|^5.0|^6.0|^7.0
symfony/dependency-injection Version ^4.0|^5.0|^6.0|^7.0
symfony/routing Version ^4.0|^5.0|^6.0|^7.0
twig/twig Version ^3.3