How to get ckeditor5 link settings to work with Django project

I installed django-ckeditor-5 and I am using it as the editor for a django-machina forum. The editor displays on the forum and basically works correctly. However, I want links to open in a new tab when clicked and I want "https://" to be automatically inserted if the user does not add it to their link when using the link button.

I can not get the link attributes to work.

Here are my machina settings:

MACHINA_MARKUP_LANGUAGE = None
MACHINA_MARKUP_WIDGET = 'django_ckeditor_5.widgets.CKEditor5Widget'

Here are my ckeditor config settings:

CKEDITOR_5_CONFIGS = {
    'default': {
        'toolbar': ['heading', '|', 'bold', 'italic', 'link',
                    'bulletedList', 'numberedList', 'blockQuote', 'imageUpload', ],

    },


     'link': {
            'addTargetBlank': 'true',  # Open links in a new tab
            'defaultProtocol': 'https',  # Default protocol for links is https
            'plugins': ['AutoLink'],
         },

    'extends': {
        'blockToolbar': [
            'paragraph', 'heading1', 'heading2', 'heading3',
            '|',
            'bulletedList', 'numberedList',
            '|',
            'blockQuote',
        ],
        'toolbar': ['heading', '|', 'outdent', 'indent', '|', 'bold', 'italic', 'link', 'underline', 'strikethrough',
        'code','subscript', 'superscript', 'highlight', '|', 'codeBlock', 'sourceEditing', 'insertImage',
                    'bulletedList', 'numberedList', 'todoList', '|',  'blockQuote', 'imageUpload', '|',
                    'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'mediaEmbed', 'removeFormat',
                    'insertTable',],
        'image': {
            'toolbar': ['imageTextAlternative', '|', 'imageStyle:alignLeft',
                        'imageStyle:alignRight', 'imageStyle:alignCenter', 'imageStyle:side',  '|'],
            'styles': [
                'full',
                'side',
                'alignLeft',
                'alignRight',
                'alignCenter',
            ]

        },
        # 'table': {
        #     'contentToolbar': [ 'tableColumn', 'tableRow', 'mergeTableCells',
        #     'tableProperties', 'tableCellProperties' ],
        #     'tableProperties': {
        #         'borderColors': customColorPalette,
        #         'backgroundColors': customColorPalette
        #     },
        #     'tableCellProperties': {
        #         'borderColors': customColorPalette,
        #         'backgroundColors': customColorPalette
        #     }
        # },
        'heading' : {
            'options': [
                { 'model': 'paragraph', 'title': 'Paragraph', 'class': 'ck-heading_paragraph' },
                { 'model': 'heading1', 'view': 'h1', 'title': 'Heading 1', 'class': 'ck-heading_heading1' },
                { 'model': 'heading2', 'view': 'h2', 'title': 'Heading 2', 'class': 'ck-heading_heading2' },
                { 'model': 'heading3', 'view': 'h3', 'title': 'Heading 3', 'class': 'ck-heading_heading3' }
            ]
        }
    },
    'list': {
        'properties': {
            'styles': 'true',
            'startIndex': 'true',
            'reversed': 'true',
        }
    }
}

Any ideas to get the link settings to work?

Вернуться на верх