2011-09-01 90 views
6

應用樣式到選定段落CKEDITOR應用樣式

當我CKEditor的是增加了很多不必要的標籤,我開始CKEDITOR用下面的HTML時增加了空段落使用工具欄的CKEditor格式我的HTML格式如下:

<p> 
    <span style="display: none;">&nbsp;</span></p> 
<p> 
    <span id="cke_bm_173S" style="display: none;">&nbsp;</span>Hi, this a text!<span id="cke_bm_173E" style="display: none;">&nbsp;</span></p> 
<p> 
    <span style="display: none;">&nbsp;</span></p> 

是否有任何方式阻止CKEditor添加段落與th非破壞性空間?

事情我已經嘗試過要添加config.fillEmptyBlocks = false;config.IgnoreEmptyParagraphValue = true;我的配置文件

更新 原來,這個問題是由這種風格本身這是定義風格自定義引起的。這段代碼是問題:{name : 'Heading1', element : 'p class= "subheadingsecondlevel"},一旦我把它改爲:{name : 'Heading1', element : 'p', attributes : {class : 'subheadingsecondlevel'} }

回答

8

你可能要考慮這些:

config.enterMode = CKEDITOR.ENTER_BR; 
config.autoParagraph = false; 

您可以在這裏看看我的文章的詳細信息:
How to configure ckeditor to not wrap content in <p> block?

下面的配置設置將從空段落中插入不間斷空格停止編輯:

config.fillEmptyBlocks = false; 


當時所有的額外的代碼將只是一個風格之後插入?
你申請什麼風格,是所有額外的代碼,無論你使用的樣式的插入?
如果你選擇文本,單擊加粗按鈕發生了什麼?
是你所顯示的代碼是從編輯器或您用來顯示您的內容最終頁的源視圖複製?

要好吧,

+0

謝謝,但我不介意CKEditor用段落標籤包裝文本,我只是不希望它將無用的開銷添加到代碼中 – Mark

+0

在應用一種樣式之後是否插入了所有附加代碼?你應用了什麼風格,是否插入所有額外的代碼,而不管你使用的風格如何?如果選擇文本並單擊粗體按鈕,會發生什麼情況?您顯示的代碼是從編輯器的源視圖還是從用於顯示內容的最終頁面複製的? – codewaggle

+0

我又增加了配置設置爲答案,就停止非打破空間,而不是段落。 – codewaggle

2

或者,如果所有的失敗,你可以使用CSS選擇器僞類「:空」,並給它一個「顯示:無」。在實踐中,這一行添加到您的CSS:

p:empty { 
    display:none 
} 

我知道這是一個骯髒的解決方案,但它完全在大多數情況下,並且對設計和功能最小inpact。

+0

我得到的東西非常相似 - 如果UL是textarea中的第一個塊,則爲空的p塊。這種CSS破解只有擺脫它的方法。 – Ivan