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

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

这是经典样式的代码
clipboard.png
clipboard.png
这是内联样式的代码

clipboard.png

clipboard.png

这是我config里面的配置

clipboard.png

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'
}
阅读 5.2k
2 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题