如何在django-cms中使用CKEditor的浮動圖像？

Question

我用djangocms_text_ckeditor和cmsplugin_filer_image使用django-cms。

每當我在頁面上的文本塊中插入圖像並選擇「樣式>樣式圖像（左）」時，圖像顯示爲我希望它在所見即所得編輯器中（即，在左邊浮動文字在右邊浮動）。

但是，在發佈的頁面上，圖像不是浮動的，它只是在兩個段落之間左對齊。

我在這裏錯過了什麼？

Answer 1

昨天我面臨同樣的問題。我做了一些研究後發現，對於cmsplugin-filer插件，您必須爲您希望呈現的方式創建模板。例如，假設我想讓圖像浮動，並留下一些填充和邊距（如框）。我會做到以下幾點：

1. 創建我的樣式應用CSS文件我想
2. 在我的模板文件夾中創建cmsplugin_filer_image /插件/圖像/ boxed.html。基本上boxed.html就像default.html和文件，你可以在插件代碼，但與CSS類我想申請到圖像
3. 參考，我的CSS文件添加在boxed.html

找到對於這個工作，你必須將此代碼添加到您的settings.py

CMSPLUGIN_FILER_IMAGE_STYLE_CHOICES = (
    ('default', 'Default'), 
    ('boxed', 'Boxed'), 
) 
CMSPLUGIN_FILER_IMAGE_DEFAUL_STYLE = 'boxed' 

一旦做到這一點，當你添加一個圖像CKEDITOR您可以選擇您想要的圖像要呈現的風格。

希望得到這個幫助！

以下是插件的來源及其作者的解釋https://github.com/stefanfoulis/cmsplugin-filer#customisation