使用CKEditor以编程方式更改文本选择的字体大小

Question

我正在尝试将CKEditor简单地用作我可以使用自己的UI驱动的API。

首先，这是正确使用CKEditor吗？

如果是这样，我怎样才能以编程方式修改文本选择的字体大小？

Answer 1

为CKEditor创建自己的UI

这是一种可行的方法，但在某些情况下，它可能很难，需要一些代码重复。

CKE的旧部分封装了许多有用的东西，因此您没有方便的API从外部访问它。

添加字体大小

最小的努力就是简单地使用CKEDITOR.style个对象。

var editor = CKEDITOR.instances.editor1;
var style = new CKEDITOR.style( {
    element: 'span',
    styles: { 'font-size': '20px' }
} );

editor.applyStyle( style );

有关更多示例，请参阅font plugin，您对fontSize组合框感兴趣。