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

【问题标题】：Programmatically change font size of text selection using CKEditor使用 CKEditor 以编程方式更改文本选择的字体大小
【发布时间】：2015-01-17 02:18:20
【问题描述】：

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

首先，CKEditor 的用法正确吗？

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

【问题讨论】：

我已经用过10多个项目了。好像没问题。
你能详细说明一下吗？

标签： ckeditor rich-text-editor

【解决方案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 组合框感兴趣。

【讨论】：

如果我要应用类似的样式，这次字体大小为 30px，它会处理得很好并重用跨度吗？
好吧，您可以自己在控制台中尝试一下。是的，如果可能，它将重用现有的跨度。
它似乎没有重用可用的跨度。 Text 我需要将字体大小样式合并到 .titleText 跨度中。
@mdupls：这是一个全新的问题，要回答它，我们需要更多细节。您何时要合并它们绝对不明显，答案可能从微不足道到绝对不可能：D。
@Reinmar 谢谢。我发布了一个新问题。 stackoverflow.com/questions/28030449/…