• 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

Jodit in Yii2

Jodit widget for Yii2 </a>

  • Github

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist jodit/yii2-jodit "*"
Copy

or

composer require --prefer-dist jodit/yii2-jodit
Copy

or add

"jodit/yii2-jodit": "*"
Copy

to the require section of your composer.json file.

Configure

Add to config file (config/web.php or common\config\main.php)

'modules' => [ 'jodit' => 'yii2jodit\JoditModule', ],
Copy

or if you want to change the upload directory. to path/to/uploadfolder default value @webroot/uploads

'modules' => [ 'jodit' => [ 'class' => 'yii2jodit\JoditModule', 'extensions'=>['jpg','png','gif'], 'root'=> '@webroot/uploads/', 'baseurl'=> '@web/uploads/', 'maxFileSize'=> '20mb', 'defaultPermission'=> 0775, ], ],
Copy

All connector's options

note: You need to create uploads folder and chmod and set security for folder upload reference:Protect Your Uploads Folder with .htaccess, []How to Setup Secure Media Uploads](http://digwp.com/2012/09/secure-media-uploads/)

Usage

Once the extension is installed, simply use it in your code by :

echo $form->field($model, 'content')->widget(\yii2jodit\JoditWidget::className(), [ 'settings' => [ 'buttons'=>[ 'bold', 'italic', 'underline', '|', 'ul', 'ol', '|', 'image', '|', 'hr', ], ], ]);;
Copy

All Jodit's options

or not use ActiveField

echo \yii2jodit\JoditWidget::widget([ 'model' => $model, 'attribute' => 'content' ]);
Copy

Image uploader

editors config:

echo $form->field($model, 'content')->widget(\yii2jodit\JoditWidget::className(), [ 'settings' => [ 'height'=>'250px', 'enableDragAndDropFileToEditor'=>new \yii\web\JsExpression("true"), ], ]);;
Copy

Icon Picker

echo $form->field($model, 'icon')->widget(\yii2jodit\JoditIconPickerWidget::className(), [ "path" => 'wp-content/plugins/exchangers-monitor/images/systemlogo' ]);
Copy

Icon Picker

License

This package is available under MIT License.

;