2013-04-30 132 views
1

我想補充<span>標籤的<a>標籤內的CKEditor的來源:CKEditor的允許<span>內<a>標籤

<a href="http://google.com"><span>Link here</span></a> 

但是,當我在CKEditor的源模式添加HTML,它把它轉換成:

<a href="http://google.com">Link Here</a> 

如何在href內允許HTML標籤?

回答

0

你真的需要把<span>標籤放在那裏嗎?向你的鏈接添加一個類,並從那裏編輯它(我猜你想要的CSS)不是更好嗎?

什麼ü可以做:

  1. 嘗試做它的其他方式:<span><a href="http://google.com">Link here</a></span>

  2. 在記事本/ PSpad或任何你的HTML文件,總是顯示你難得的源代碼,嘗試寫在那裏 - 不應該是一個問題。因爲我已經寫了 - 如果你想要那個跨度有編輯鏈接文本的CSS - 在你的鏈接和編輯CSS值使用類。 例子:<a href="http://google.com" class="myLink">Link Here</a>CSS.myLink { ...your custom setting... }

如果你能告訴我們您需要的跨度標籤有什麼,這將有助於我們回答你:)

PS:我很抱歉我沒有回答你正在使用的編輯器。我只是覺得你可能想嘗試其他的編輯器,這些編輯器不會禁用你通常在編寫代碼時可以做的東西。

+0

CKEditor的默認禁用的東西這是不應該被允許。這個''是一種蹩腳的非語義HTML湯,在缺省配置下,CKEditor不允許它(儘管它可以配置爲不這樣做)。您可以閱讀更多關於[高級內容過濾器](http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter)。 – Reinmar 2013-04-30 14:29:51

+0

@Reinmar Vijay想要做的事情不是無效的..但我同意這不是一個好/漂亮的解決方案。這就是爲什麼我建議採用其他方式處理鏈接格式,並想知道他爲什麼要這樣做(以防萬一格式不對)。 – 2013-04-30 14:38:39

6

<span>Advanced Content Filter刪除。顯然(這並不奇怪)編輯器中啓用的功能都不允許裸跨度(這是蹩腳的非語義HTML),因此它們被簡單地刪除。

我建議你不要使用如此混亂的HTML,因爲CKEditor在某些時候會破壞你的<a>+<span>雙合,因爲它不知道它們應該一起編輯。

但是,如果您需要使用它們,請檢查以下選項:config.allowedContentconfig.extraAllowedContent。首先允許完全禁用高級內容過濾器。

6

使用extraAllowedContent過濾器:

CKEDITOR.replace('ckeditor', { 
    extraAllowedContent: 'a span', 
});