Theme support for CK editor 5

Created on 15 January 2023, almost 2 years ago
Updated 29 January 2023, almost 2 years ago

Problem/Motivation

MIssing support for CK editor 5

Steps to reproduce

Add style to info file:

ckeditor_stylesheets:
  - css/ckeditor.css

ckeditor5-stylesheets:
  - css/ckeditor.css

Support in gulp file:

var remToPx = require('gulp-rem-to-px');
...
// ckeditor
gulp.task('ckeditor', function () {

    return gulp.src('./css/ckeditor.css')
      .pipe(remToPx({
          fontSize : 10
      }))
      .pipe(gulp.dest('./css'));
  
});
...
gulp.task('default', gulp.series('sass', 'ckeditor', function () {
  gulp.watch( './sass/**/*.scss', gulp.series('sass', 'ckeditor'));
}));

edit ckeditor.scss

@import 'fonts';
@import 'variables';
@import 'global';
@import 'class';
@import 'color';

// ckeditor 4
.cke_editable {
    padding: 25px;
    @import 'components/01-atoms/**/*';
}

// ckeditor 5
.ck-editor {
    font-family: "Montserrat fonts", sans-serif;
    .ck-content {
        min-height: 200px;
        padding: 25px !important;

        & > :first-child {
            margin-top: 0 !important;
        }
    }
    @import 'components/01-atoms/**/*';
}  
📌 Task
Status

Fixed

Version

2.0

Component

Code

Created by

🇨🇿Czech Republic jaroslav červený

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024