cakephp-tinymce plugin for CakePHP 4.x

TinyMCE 5 for CakePHP 4.x

Installation

You can install this plugin into your CakePHP application using composer.

The recommended way to install composer packages is:

composer require 3xw/cakephp-tinymce

In your src/Application.php file

$this->addPlugin(\Trois\Tinymce\Plugin::class, ['boostrap' => true]);

Configuration

At the end of config/boostrap file

Configure::write('Trois/Tinymce.config', ['tinymce']);

With your own configuration, create file config/tinymce.php ex:

<?php
return [
  'Trois/Tinymce'  => [
    'height' => 500,
    'language' => 'fr_FR',
    'language_url' => 'https://static.3xw.ch/tinymce/5.1/lang/fr_FR.js',
    'menubar' => false,
    'plugins' => 'advlist autolink lists link charmap print preview searchreplace visualblocks code fullscreen emoticons insertdatetime table paste code help wordcount',
    'toolbar' => 'undo redo | link | formatselect | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist | emoticons | code | removeformat',
    'block_formats' => 'Paragraphe=p;Titre 1=h1;Titre 2=h2;Titre 3=h3',
    'formats' => [
      'bold' => ['inline'  => 'strong'],
      'italic' => ['inline'  => 'em'],
      'underline' => ['inline'  => 'u'],
      'strikethrough' => ['inline'  => 'del'],
      'lead' => ['block'  => 'p', 'classes'  => 'lead'],
    ],
    'valid_elements' => '*[style],p[style],strong,em,i,u,del,a[href|target],ul,ol,li[style],table,th,td[style],tr,img[src|style|class|alt|width|height]',
    'valid_styles' => ['*' => 'text-align,color'],
    'content_css' => [],
    'theme' => 'silver',
    'mobile' => [
      'theme' => 'silver',
    ]
  ]
];

Usage

In your view files:

echo $this->element('Trois/Tinymce.tinymce',[
  'field' => 'content',
  'value' => $post->content,
  'init' => [ // optional
    'height' => 300,
    'toolbar' => 'undo redo | bold italic | code | removeformat', // override default toolbar
  ]
]);