响应式图像tinymce图像链接

Question

我正在扩展现有的网站.我已经发布了该网站(如果你想点击这里点击这里).我刚刚添加了一个非常简单的博客(用php和mysql制作)并且它运行良好,除了一件事.如果我将图像添加到新帖子或帖子中,则撰写帖子的人员可以调整其大小.问题是图像具有静态宽度和高度,然后如果我在移动设备上访问博客,则图像被剪切,因为它大于设备的宽度.我不知道如何解决它,我想我可以修改允许插入图像的插件来添加这些参数(这使图像响应):

max-width="['user selected width'], width=100%, height=auto

我一直在尝试修改插件,但我觉得很难理解,而且我对javascript的经验不是很多.这是插件.我正在使用tinymce编辑器来编辑或添加帖子.任何人都知道我必须添加这些参数？谢谢.

Answer 1

在tinymceini把这....和voala

image_dimensions: false,
         image_class_list: [
            {title: 'Responsive', value: 'img-responsive'}
        ]

Answer 2

在文件 content.min.css 中添加此类

img {
    max-width: 100%;
    height: auto;
}

Answer 3

无需通过单独的CSS处理。您可以在tinymce编辑器本身中添加图像时应用“ img响应式”类。

在tintmce编辑器属性中添加以下属性：

image_class_list: [
    {title: 'Responsive', value: 'img-responsive'}
],

参考和学分：http : //archive.tinymce.com/forum/viewtopic.php? pid= 114620#p114620