TheEvilTomat0 Comments - Answer Overflow

TheEvilTomat0

Posts Comments

FFilament

•Created by TheEvilTomat0 on 2/20/2025 in #❓┊help

awcodes tiptap editor

Aah oke, i will replace it

15 replies

FFilament

•Created by TheEvilTomat0 on 2/20/2025 in #❓┊help

awcodes tiptap editor

So you mean that i need to create a new extension, include everything from the original table tool and then add the class there? There is no option to just add the class in some configuration then or add the class to the existing table tool?

15 replies

FFilament

•Created by TheEvilTomat0 on 2/20/2025 in #❓┊help

awcodes tiptap editor

Yes, the tables are getting exported as a pdf. Tried to target it with the selectors higher up but the styling is't getting passed on. It works when i directly add a class through the 'source' tool. But i don't want to add the class manually everytime some one adds a new table.

15 replies

FFilament

•Created by TheEvilTomat0 on 2/20/2025 in #❓┊help

awcodes tiptap editor

Please see my comment above, don't know if you get a notification when i just send a new message in the channel

15 replies

FFilament

•Created by TheEvilTomat0 on 2/20/2025 in #❓┊help

awcodes tiptap editor

Hmm i can't really figure out how this is used. I want to have a predefined css class on my tables. What i did added a addclass.js:

import Table from '@tiptap/extension-table'

const AddClass = Table.configure({
    HTMLAtributes: {
        table: {
            class: 'tiptap-table',
        },
    },
})

export default AddClass

import Table from '@tiptap/extension-table'

const AddClass = Table.configure({
    HTMLAtributes: {
        table: {
            class: 'tiptap-table',
        },
    },
})

export default AddClass

Made an extensions.js and loaded in the addclass:

import AddClass from './addclass.js';

window.TiptapEditorExtensions = {
    addClass: [AddClass],
}

import AddClass from './addclass.js';

window.TiptapEditorExtensions = {
    addClass: [AddClass],
}

Than made a new class in app\TiptapExtensions\AddClass.php

<?php

namespace App\TiptapExtensions;

use Tiptap\Core\Node;

class AddClass extends Node
{
    public static $name = 'addClass';
}

<?php

namespace App\TiptapExtensions;

use Tiptap\Core\Node;

class AddClass extends Node
{
    public static $name = 'addClass';
}

Also added the resources/js/tiptap/extensions.js line to my vite.config and in my filament-tiptap-editor.php added this:

'extensions_script' => null,
    'extensions_styles' => null,
    'extensions' => [
        [
            'name' => 'addClass',
            'parser' => \App\TiptapExtensions\AddClass::class,
        ],
    ],

'extensions_script' => null,
    'extensions_styles' => null,
    'extensions' => [
        [
            'name' => 'addClass',
            'parser' => \App\TiptapExtensions\AddClass::class,
        ],
    ],