2014-11-04 88 views
3

我使用Composite C1 CMS,但其中的自定義TinyMCE如此瘋狂。簡單的問題:我們想使用Font Awesome圖標。源代碼編輯是可以的。 如果我們添加以下內容:配置TinyMCE以使用Composite C1中的Font Awesome圖標

<i class="fa fa-bus"></i> 

將其刪除。 OK,然後,添加一個空格:

<i class="fa fa-bus">&#160;</i> 

轉化爲EM

如果我在配置文件visualeditor.js中更改valid_elements,沒有任何反應,仍然是同樣的問題。

有沒有解決這個問題的方法?無論如何,這將是很好的添加一個按鈕到工具欄'添加圖標'。

回答

13

TinyMCE默認會刪除空元素,因此您在標籤之間添加&nbsp;以告知TinyMCE它不是空的。此外,<i>以前是斜體,因此它試圖將舊的斜體標籤轉換爲首選的<em>強調標籤。真的不過,你可以使用與字體真棒所以要解決這個問題的任何標籤,只是改變你的<i><span>

<span class="fa fa-bus">&nbsp;</span>

2

我知道這是一個老問題,但我想在這裏補充我的兩分錢。衆所周知,TinyMce去掉了<i></i>,所以我們必須找到一種方法來繞過這個問題。 我在這種情況下使用的一種快速方法是將<i></i>替換爲Howdy_McGee在我之前提到的<span></span>

因此,要總結,在你的榜樣,而不是使用:

<i class="fa fa-bus"></i>

你可以使用:

<span class="fa fa-bus">&nbsp;</span>