code plugin

[blondie63]

Reading here https://www.tiny.cloud/docs/tinymce/latest/code/ i've tried this crud field:

    CRUD::field('content')
        ->type('tinymce')
        ->label(trans('backpack::EmailTemplate.content'))
        ->options([
            'plugins' => 'image,link,media,anchor,code',
            'toolbar' => 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | code',
            'height' => '400'
    ]);

But you can't see it

What's wrong ?

[backpack-ai-bot]

CrawlChat Answer:

Based on the TinyMCE documentation, the code plugin needs to be explicitly added to the toolbar to be visible. Your plugin declaration is correct, but you need to add the button to your toolbar.

Update your field configuration:

CRUD::field('content')
    ->type('tinymce')
    ->label(trans('backpack::EmailTemplate.content'))
    ->options([
        'plugins' => 'image,link,media,anchor,code',
        'toolbar' => 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | code',
        'height' => '400'
    ]);

Wait—you actually already have code in your toolbar! The issue might be:

1. Cache: Clear your app's cache:

   php artisan cache:clear
   php artisan view:clear

2. Browser cache: Do a hard refresh (Cmd+Shift+R or Ctrl+Shift+F5)

3. Verify TinyMCE is loaded: Open your browser's DevTools console and check for any JavaScript errors

If the button still doesn't appear, try removing the height option temporarily to test if it's a formatting issue, then add it back.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Tinymce PRO Laravel Backpack
Upgrade Guide :: 7.x Docs :: Backpack for Laravel
Release Notes :: 7.x Docs :: Backpack for Laravel
Stop tinymce removing base URL
setupListOperation

[blondie63]

There is an error in browser console:

23:18:53.220 csrf-refresh.js:29 Sistema di refresh CSRF inizializzato
23:18:53.221 edit?_locale=it:1994 isAdmin: false
23:18:53.266 csrf-refresh.js:276 Connessione server OK
23:18:53.274 tinymce.min.js:4 GET https://booking-backend.test/basset/raw.githubusercontent.com/tinymce/tinymce-dist/refs/tags/6.3.2/plugins/code/plugin.min.js net::ERR_ABORTED 404 (Not Found)

[blondie63]

@tabacitu Hi, have you seen this ?

[marechenok]

Looks like all plugins can't load: lists, advlist, fullscreen, quickbars, table, advtable...

tinymce.min.js:4  GET http://localhost/storage/basset/raw.githubusercontent.com/tinymce/tinymce-dist/refs/tags/6.3.2/plugins/advtable/plugin.min.js net::ERR_ABORTED 404 (Not Found)

My setup:

$this->crud->addField(
            [    // WYSIWYG
                'name' => 'body',
                'label' => 'Content',
                'type' => 'tinymce',
                'placeholder' => 'Your textarea text here',
                'tab' => 'Main',
                'options' => [
                    'toolbar' => 'undo redo | styleselect | bullist numlist | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | fullscreen code removeformat pastetext | table typopgraphy',
                    'plugins' => 'code image link media lists advlist anchor fullscreen wordcount quickbars table advtable'
                ],
            ]
        );