对ckeditor的contents.css文件所做的更改未加载

时间:2015-12-26 12:34:38

标签: javascript php html css firefox

在我的firefox 43中,如果我在ckeditor中放入一个长文本,我会在firefox和chrome中获得不同的结果。在chrome工作包中工作并通过创建一个新行来打破单词。但是在firefox中出现一个水平滚动条并将文本发送到窗口的限制之外。为了防止这种行为,我将以下css应用于ckeditor&# 39; s contents.css文件。但是没有加载更改。

浏览器的缓存可以阻止更改被应用吗?请帮忙。

我可以使用php来响应使用时间相关功能的css更改。

我没有将contents.css文件链接到我的页面。它仍然在ckeditor文件中

enter image description here

body
{
    /* Font */
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 12px;


    /* Text color */
    color: #333;

-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;

word-wrap: break-word;
word-wrap:break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
white-space: pre-wrap;

hyphens: auto;
    /* Remove the background color to make it transparent */
    background-color: #fff;

    margin: 20px;
}

2 个答案:

答案 0 :(得分:2)

用这段代码解决了它:

    CKEDITOR.addCss( 'body {word-break:break-all;}' );
    CKEDITOR.replace( 'editor1', {
      fullPage: true
    })

;

答案 1 :(得分:0)

我通过在第21行的contents.css中添加以下内容来修复此问题:

.cke_editable {
font-size: 13px;
line-height: 1.6;
word-break: break-all;  <-- add this