twitter-bootstrap – 在ckeditor中使用twitter bootstrap css类

发布时间：2020-12-17 20:39:53 所属栏目：安全来源：网络整理

导读：我想在ckeditor 4中使用bootstrap类.但是如果我在源模式下输入类,我发现ckeditor将删除该类.我想允许用户从ckedtior css下拉列表中选择类,然后直接显示样式. 谁能告诉我如何解决这个问题？解决方法该解决方案实际上是Andrey Nelubin和user3250006的两个答

我想在ckeditor 4中使用bootstrap类.但是如果我在源模式下输入类,我发现ckeditor将删除该类.我想允许用户从ckedtior css下拉列表中选择类,然后直接显示样式.
谁能告诉我如何解决这个问题？

解决方法

该解决方案实际上是Andrey Nelubin和user3250006的两个答案的组合.

首先,为了强制CKEditor保留自定义HTML和类属性,您需要allowedContent = true配置.之后,为了在编辑器中实际看到格式,您需要为contentsCss添加额外的路径(可能是您的主CSS文件,或者只包含Bootstrap的子集).

所以,以下适用于我：

CKEDITOR.replace('editor1',{
            contentsCss: [CKEDITOR.basePath + 'contents.css','/path/to/custom.css'],allowedContent: true,});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!