Twitter bootstrap 向wagtail WYSIWYG编辑器添加引导img响应类

Twitter bootstrap 向wagtail WYSIWYG编辑器添加引导img响应类,twitter-bootstrap,content-management-system,wagtail,Twitter Bootstrap,Content Management System,Wagtail,我正试图使之成为这样,当一个身体图像被插入到一个页面中时,bootstap类“img responsive”被添加到图像标签中 有人能告诉我如何实现这一点吗?您可以通过图像格式来实现: 将图像插入富格文本区域时,通常会获得“全宽”/“左对齐”/“右对齐”选项,这些选项来自Format对象,用于确定如何将图像引用转换为最终标记。因此,您需要将内置的格式对象替换为插入类名的对象。在应用程序中创建一个文件“image_formats.py”,其中包含以下内容: from wagtail.wagtai

我正试图使之成为这样,当一个身体图像被插入到一个页面中时,bootstap类“img responsive”被添加到图像标签中


有人能告诉我如何实现这一点吗?

您可以通过图像格式来实现:

将图像插入富格文本区域时,通常会获得“全宽”/“左对齐”/“右对齐”选项,这些选项来自Format对象,用于确定如何将图像引用转换为最终标记。因此,您需要将内置的格式对象替换为插入类名的对象。在应用程序中创建一个文件“image_formats.py”,其中包含以下内容:

from wagtail.wagtailimages.formats import Format, register_image_format, unregister_image_format

unregister_image_format('fullwidth')
register_image_format(Format('fullwidth', 'Full width', 'richtext-image full-width img-responsive', 'width-800'))

unregister_image_format('left')
register_image_format(Format('left', 'Left-aligned', 'richtext-image left img-responsive', 'width-500'))

unregister_image_format('right')
register_image_format(Format('right', 'Right-aligned', 'richtext-image right img-responsive', 'width-500'))

请用更多信息改进您的问题:您尝试过什么[邮政编码]?你到底想完成什么。答案很好,这个答案帮助你在应用程序启动时运行代码-很高兴你让它工作了!不过,在启动时运行代码时,你不必做任何特殊的事情——wagtailimages应用程序会在所有应用程序中专门寻找“图像格式”模块。嘿,gasman,这个答案似乎不太好,因为当我测试插入
RichTextField
中的图像都是使用
height
width
属性生成的,比如
你能告诉我如何删除
height
width
属性吗?找到了一个解决方案,monkey patch
Rendition.img_标签