CKE5 table properties not persisting in balloon after save

Created on 8 February 2023, almost 2 years ago
Updated 28 February 2023, over 1 year ago

1. set table width to 20px and align to right side
2. save
3. edit article
4. go back to table and edit properties again. notice the 20px and align right is no longer set as the value in the ballon popup editor for the table

Expected: https://ckeditor.com/docs/ckeditor5/latest/features/table.html in this page, we can see that dimensions of 700px autopopulated the table properties when edit. So we know it works somehow

  ckeditor5:
    plugins:
      - table.TableProperties
      - table.TableCellProperties
    config:
      table:
        contentToolbar: [  tableProperties, tableCellProperties ]
  drupal:
    label: Table
    library: core/ckeditor5.table
    admin_library: ckeditor5/admin.table
    toolbar_items:
      insertTable:
        label: table
    elements:
      - <table>
      - <tr>
      - <td>
      - <td rowspan colspan>
      - <th>
      - <th rowspan colspan>
      - <thead>
      - <tbody>
      - <tfoot>
      - <caption>

Drupal version : 9.4.8
DB driver : pgsql
PHP : php8.1.0
Drush version : 11.0.9

💬 Support request
Status

Fixed

Version

9.4

Component
CKEditor 5 

Last updated about 21 hours ago

Created by

🇺🇸United States jakegibs617

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @jakegibs617
  • 🇺🇸United States jakegibs617

    @cilefen not sure if it is a bug or something I am doing wrong. Are you able to replicate this?

  • Status changed to Postponed: needs info almost 2 years ago
  • 🇧🇪Belgium wim leers Ghent 🇧🇪🇪🇺

    Please export your text format & text editor config and post them here, so we can try to reproduce

  • 🇺🇸United States jakegibs617

    editor.editor.text_ck5_editor.yml

    langcode: en
    status: true
    dependencies:
      config:
        - filter.format.text_ck5_editor
      module:
        - ckeditor5
    format: text_ck5_editor
    editor: ckeditor5
    settings:
      toolbar:
        items:
          - bold
          - blockQuote
          - italic
          - underline
          - bulletedList
          - numberedList
          - '|'
          - undo
          - redo
          - indent
          - outdent
          - insertTable
          - removeFormat
          - '-'
          - superscript
          - subscript
          - link
          - sourceEditing
      plugins:
        ckeditor5_sourceEditing:
          allowed_tags: {  }
        ckeditor5_list:
          reversed: true
          startIndex: true
    image_upload:
      status: false
      scheme: public
      directory: inline-images
      max_size: ''
      max_dimensions:
        width: null
        height: null
    

    filter.format.text_ck5_editor.yml

    langcode: en
    status: true
    dependencies:
      module:
        - editor
        - entity_embed
        - media
        - token_filter
    name: CKE5Editor
    format: text_ck5_editor
    weight: 0
    filters:
      editor_file_reference:
        id: editor_file_reference
        provider: editor
        status: true
        weight: -4
        settings: {  }
      entity_embed:
        id: entity_embed
        provider: entity_embed
        status: true
        weight: -1
        settings: {  }
      filter_html:
        id: filter_html
        provider: filter
        status: false
        weight: -45
        settings:
          allowed_html: ''
          filter_html_help: true
          filter_html_nofollow: false
      filter_align:
        id: filter_align
        provider: filter
        status: true
        weight: -3
        settings: {  }
      filter_caption:
        id: filter_caption
        provider: filter
        status: true
        weight: -2
        settings: {  }
      media_embed:
        id: media_embed
        provider: media
        status: false
        weight: -39
        settings:
          default_view_mode: default
          allowed_view_modes: {  }
          allowed_media_types: {  }
      filter_url:
        id: filter_url
        provider: filter
        status: false
        weight: -43
        settings:
          filter_url_length: 72
      filter_html_image_secure:
        id: filter_html_image_secure
        provider: filter
        status: false
        weight: -41
        settings: {  }
      filter_htmlcorrector:
        id: filter_htmlcorrector
        provider: filter
        status: false
        weight: -40
        settings: {  }
      filter_html_escape:
        id: filter_html_escape
        provider: filter
        status: false
        weight: -44
        settings: {  }
      token_filter:
        id: token_filter
        provider: token_filter
        status: false
        weight: -42
        settings:
          replace_empty: false
    
  • Status changed to Needs work over 1 year ago
  • 🇺🇸United States jakegibs617

    Some additional findings for my situation:

    - the table properties are applied in the source code and persist after save, but then when a user clicks in a cell, (after save and re-edit) the table properties don't populate the balloon window,

    but

    - if you edit a cell property such as set width to 100px and align text in the cell to the right, this cell property does persist after save in the balloon toolbar cell property.

    Makes me think the issue has to do with identifying the table itself.

  • 🇺🇸United States jakegibs617

    I was on 9.4.8 core but when I upgraded to drupal 9.5.3 core, the issue seems to have been resolved.

  • Status changed to Fixed over 1 year ago
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024