TinyMCE - 背景颜色无法填满整个单词

Question

我尝试通过tinyMCE编辑文本并执行以下操作。然后背景颜色不能填满整个单词。

1. 设置字体大小= 18（或更高）。
2. 选择删除线。
3. 选择文字颜色。
4. 选择文字背景颜色。
5. 输入一些文字。 =＆GT;背景颜色不会填充文本的高度。

我如何填写整个单词？

*附上tinyMCE编辑器http://codepen.io/anon/pen/jyPWvb

tinymce.init({
  selector: 'textarea',
    'menubar': false,
    'plugins': [
      'textcolor colorpicker '
    ],
    'toolbar1': 'strikethrough underline | ' +
        'forecolor backcolor | fontsizeselect'
});

Answer 1

在这种情况下，问题是tinyMCE将删除线和背景颜色包裹为所选单词周围的单独span元素，并将字体大小应用于内部跨度。

您可以尝试overwriting these in tinyMCE config：

tinymce.init({
  formats: {
    strikethrough: {inline: 'span', styles: { display: 'inline-block', 'text-decoration': 'line-through'}},
  },
  selector: 'textarea',
    'menubar': false,
    'plugins': [
      'textcolor colorpicker '
    ],
    'toolbar1': 'strikethrough underline | ' +
        'forecolor backcolor | fontsizeselect'

});

http://codepen.io/anon/pen/PWqBXE