Download the PHP package in2code/in2tiptap without Composer
On this page you can find all versions of the php package in2code/in2tiptap. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package in2tiptap
TYPO3 TipTap Editor (Beta)
This extension provides a modern TipTap rich text editor integration for TYPO3 CMS.
The development of this extension was funded by the TYPO3 Association through the Community Ideas program.
Quick Start Guide
Install the extension via Composer:
You don't have to remove the CkEditor extension; both editors can coexist.
The editor comes with a default configuration that works out of the box. You can start using it immediately without any additional setup. If you want to use the default configuration, make sure to not overwrite the preset in your Page TSconfig.
Optional: Customize the Configuration
If you want to customize the editor to your specific needs, you can overwrite the default configuration:
- Copy the example YAML configuration file to your site package
- Customize it according to your requirements
-
Register your custom preset in TYPO3:
- Activate the custom preset in your Page TSconfig:
See also the documentation How do I use a different preset?
Configuration
Understanding the Architecture
TipTap uses a plugin-based architecture where functionality is added through plugins. Like CKEditor, TipTap is configured using YAML files placed in your site package at Configuration/RTE/.
The extension ships with a default configuration that includes commonly used features. You only need to create a custom configuration if you want to modify the toolbar, add custom plugins, or adjust the editor behavior.
Configuring the Toolbar
Each plugin can have its own configuration options that are validated in the frontend. Below is a complete example showing all available plugins. You can enable or disable any plugin by adding or removing its entry:
Loading Custom CSS
You can load additional CSS files for the editor content using the contentCss option:
Creating Custom Plugins
You can extend TipTap with custom plugins by creating JavaScript files in your site package and referencing them in your RTE configuration.
Step 1: Register Your Plugin
Add your plugin to the RTE YAML configuration:
Step 2: Create the Plugin File
Create your plugin JavaScript file. Configuration is optional—if you don't need it, simply remove the unsafeConfig and parseTipTapPluginYamlConfiguration parts.
Learning by Example
The plugin structure may seem abstract at first. We recommend reviewing the existing plugins in the source code and using them as templates for your own implementations.
FAQ
1755159351 MissingEditorConfigurationException: Missing editor configuration for tiptap
Most probably you have already customized your CKEditor presets. Search e.g. your site package for $GLOBALS ['TYPO3_CONF_VARS']['RTE']['Presets'] and change it to the TipTap YAML file with one of the following configurations:
Local Development
For instructions on setting up the project for local development, please refer to the Local Setup Documentation.
