vue 里面CKEditor内联样式加粗，下划线等样式点击不生效

Question

我在项目中引入了CKEditor的经典样式和内联样式，经典样式点击都很正常，但是内联的点击加粗等有些按钮不生效，颜色之类的却可以，config里面也没有配置与之相关的代码，有没有人遇到过这种问题，怎么解决？

这是经典样式的代码


这是内联样式的代码

这是我config里面的配置

CKEDITOR.editorConfig = function (config) {
  config.toolbar = 'Full'
  config.height = 380
  config.toolbar_Full = [
  //   // ['Source'],
    ['Bold', 'Underline', 'TextColor', 'BGColor', 'FontSize'],
    ['JustifyLeft', 'JustifyCenter', 'JustifyRight'],
    ['NumberedList', 'BulletedList'],
    ['HorizontalRule', 'Link'],
    ['Image'],
    ['Html5video', 'Table']
  ]

  config.extraPlugins = 'image2,uploadimage,html5video,widget,widgetselection,clipboard,lineutils' // 其他插件：字数统计、提示信息
  config.removePlugins = 'elementspath' // 删除底边栏
  config.image_previewText = ' ' // 清空图片上传预览的内容
  config.image_prefillDimensions = false // 禁止图片上传完毕后自动填充图片长和宽
  config.filebrowserUploadUrl = 'http://172.18.136.137:8081/api/task/uploadImageCk'
  config.filebrowserImageUploadUrl = 'http://172.18.136.137:8081/api/task/uploadImageCk'
  config.filebrowserVideoUploadUrl = 'http://172.18.136.137:8081/action/content/ckeditor/file/save?fileType=video'
  config.filebrowserHtml5videoUploadUrl = 'http://172.18.136.137:8081/api/task/uploadImageCk'
  config.format_tags = 'p;h1;h2;h3;pre'
}

Answer 1

老哥，FontSize显示不出来啊，你的也是吗

Answer 2

已解决，因为加粗用的是strong标签，给标签添加相应样式就好了，其它的一样