Question

我目前正在为TinyMCE构建自己的自定义工具栏，并通过JS API获取和设置格式。例如，我可以将所选文本设置为粗体，如下所示：

this._editor.formatter.toggle('bold');`

然后，当选择更改时，我可以获取格式并相应地设置加粗按钮的状态，如下所示：

this.isBold = this._editor.formatter.match('bold');

要支持字体大小，我有一个下拉菜单，该下拉菜单会在更改时应用正确的字体大小：

this._editor.formatter.apply('fontsize', {value: this.fontSize});

但是现在我需要能够在选择更改时读取字体大小，而且我不知道该如何实现。 如何读取当前所选内容的字体大小？

Answer 1

作为一种解决方法，我正在尝试将所选节点的格式与支持的字体大小列表进行匹配。

const supportedFontSizes = ['10px', '11px', '12px', '14px', '16px', '18px', '20px', '24px'];
const defaultFontSize = '16px';
let foundFontSize = false;
let fontSize;

supportedFontSizes.some(size => {
  if (editor.formatter.match('fontsize', { value: size })) {
    fontSize = size;
    foundFontSize = true;
    return true;
  }
  return false;
});

if (!foundFontSize) {
  fontSize = defaultFontSize;
}

TinyMCE获取所选字体

1 个答案: