如何在django-cms中使用带CKEditor的浮动图像?

时间:2014-06-10 12:32:03

标签: html django ckeditor django-cms

我正在使用带有djangocms_text_ckeditor和cmsplugin_filer_image的django-cms。

每当我在页面上的文本块中插入图像并选择“样式>样式图像(左)”时,图像就会显示为我希望它在WYSIWYG编辑器中(即浮动在左侧,右边的文字。)

但是在发布的页面上,图像不是浮动的,它只是在两段之间左对齐。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:3)

昨天我遇到了同样的问题。我在做了一些研究后发现,对于cmsplugin-filer插件,你必须为你想要它们的渲染方式创建模板。例如,我想要一个图像被渲染浮动左边有一些填充和边距(像一个盒子)。我会做以下事情:

  1. 在我的应用中使用我想要的样式
  2. 创建一个css文件
  3. 在我的模板文件夹中创建cmsplugin_filer_image / plugins / image / boxed.html。基本上boxed.html就像你可以在插件代码中找到的default.html文件,但是我想要应用于图像的css类
  4. 在boxed.html
  5. 中添加对我的css文件的引用

    要使其正常工作,您必须将此代码添加到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

    的解释