如何使用jquery在Djangocketeditor上动态添加响应类？

Question

我正在使用django制作一个新闻网站，我在呈现插入django管理站点的django ckeditor中的响应图像时遇到了问题。 有人能告诉我可能是什么问题吗，以下是我的代码：

模板html

<div id="modal1" class="modal bottom-sheet">
<div class="modal-content">

  <h4 >{{article.title}}</h4>
 <div>
   <img  class=" center-align responsive-img" src="{{ article.thumbnail }}">
  <p class="articlebody">{{article.body|safe}}</p>
</div>
<div class="modal-footer">
  <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
</div>
</div>

基本.html

在 在

^{pr2}$

django admin的ckeditor呈现了这个HTML：

<p><img alt="nike shoe" src="http://www.nikeblog.com/wp-content/uploads/2017/06/Nike-VaporMax-Flyknit-NIGHT-4.jpg" style="float:left; height:563px; width:750px" /></p>

我只想做这个图像响应，但我的javascript代码似乎没有工作。可以你读过这个吗？在

我尝试使用jquery添加materialecss框架“responsiveimg”类。但我看不到对模板的影响。插入到cKeditor中的图像仍然没有响应。请帮帮大家。我不熟悉网络开发。在