html - 防止编辑器将以百分比为单位的标签宽度大小转换为像素单位

Question

当我使用 WYSIWYG 时，任何百分比单位都会转换为像素单位。

取而代之的是: <div style="width:244px;">...</div>

我想要这个: <div style="width:50%;">...</div>

我的CKEditor版本是3.6

Answer 1

试试这个。

CKEDITOR.config.width 选项设置整个编辑器界面的外部尺寸，包括边框。此配置选项接受整数(以像素表示值)或任何 CSS 定义的长度单位，包括百分比 (%)。

例如:

config.width = 500;     // 500 pixels wide.
config.width = '75%';   // CSS unit (percent).

CKEDITOR.config.height 选项设置带有 CKEditor 内容的编辑区域的高度——它不包括工具栏或底栏。此配置选项接受整数(表示以像素为单位的值)或任何 CSS 定义的长度单位，但不支持的百分比 (%) 值除外。

例如:

config.height = 500;        // 500 pixels high.
config.height = '25em';     // CSS unit (em).

您也可以引用以下网址 docs.ckeditor