• Jodit
  • PRO
  • Builder
  • Getting Started
  • Playground
  • Examples
  • Documentation
  • Download
  • Jodit
  • Examples
  • © 2025 XDSoft.net
  • site v.0.1.810
  • Jodit v.4.6.2
Modules
Filebrowser module without Jodit
Custom module

Sizes
Autosize
Fixed height

Integrations
Joomla Component Jodit WYSIWYG
Angular Component Jodit WYSIWYG
React JS Jodit WYSIWYG
Integration with ElFinder
Jodit in Yii2
Integrate filebrowser in Joomla CMS

Theme
Drak or custom theme

Edit modes
Source mode
Read only
Read only

Plugins
Create custom plugin

Customization
Keyboard shortcuts

Toolbar
Small Icons
Large Icons
Text Icons
Custom icons / Use Font awesome
Custom button

Integrate filebrowser in Joomla CMS

The text editor can be easily integrated with Joomla. For this purpose there is a special plug-in, but sometimes you just need to embed the editor in your site and use filebrowser. You can use Jodit official php connector Install this connector

composer create-project --no-dev jodit/connector
Copy

Change file in connector folder config.php with the following code:

return [ 'sources' => [ 'default' => [ 'root' => JPATH_BASE.'/images/', 'baseurl' => '/images/', 'extensions' => ['jpg', 'png', 'gif', 'jpeg'], ] ] ];
Copy

And change Application.php

define('_JEXEC', 1); define('JPATH_BASE', realpath(realpath(__DIR__).'/../../../../../')); // replace to valid path require_once JPATH_BASE . '/includes/defines.php'; require_once JPATH_BASE . '/includes/framework.php'; $app = JFactory::getApplication('site'); class JoditRestApplication extends \jodit\JoditApplication { function checkPermissions() { $user = JFactory::getUser(); if (!$user->id) { trigger_error('You are not authorized!', E_USER_WARNING); } } }
Copy

After that you can use this connector in Jodit

Jodit.make('#editor', { uploader: { url: '/somefolder/connector/index.php?action=upload' }, filebrowser: { ajax: { url: '/somefolder/connector/index.php' } } });
Copy

That is all. This code protect your site from unauthorized uploding files.

;