CK Editor打破使用断点的图像路径

时间:2017-10-30 17:01:59

标签: ckeditor

在页面保存时,图像路径被修改,导致图像路径失败。 _webedit和cached-images之间应该有一个\,正在修改图像文件名的第一个数字。

如何防止这种情况以及我需要修改哪些文件?

输入

    <img src="http://www.domain.co.uk/_webedit\cached-images\21-0-
    0-617-10000-7488-767.jpg" 
    srcset="http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-1920.jpg 
    1920w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-256.jpg 
    256w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-617-
    10000-7488-512.jpg 
    512w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-617-
    10000-7488-768.jpg 
    768w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-617-
    10000-7488-1024.jpg 
    1024w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-1280.jpg 
    1280w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-1536.jpg 
    1536w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-1792.jpg 
    1792w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-566.jpg 
    566w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-617-
    10000-7488-1132.jpg 
    1132w,http://www.domain.co.uk/_webedit\cached-images\21-0-0-
    617-10000-7488-1698.jpg 1698w" sizes="(max-width:383px) 100vw,(min-
    width:384px) and (max-width:575px) 100vw,(min-width:576px) and (max-
    width:767px) 100vw,(min-width:768px) and (max-width:959px) calc(50.26vw 
    - 12px),(min-width:960px) and (max-width:1152px) calc(50vw - 
    10px),566px" alt="Soak up the sun in our relaxing garden" data-aspect-
    ratio="0.5000">

输出

    <img alt="Soak up the sun in our relaxing garden" data-aspect-        
    ratio="0.5000" sizes="(max-width:383px) 100vw,(min-width:384px) and 
    (max-width:575px) 100vw,(min-width:576px) and (max-width:767px) 100vw,
    (min-width:768px) and (max-width:959px) calc(50.26vw - 12px),(min-
    width:960px) and (max-width:1152px) calc(50vw - 10px),566px" 
    src="http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-767.jpg" 
    srcset="http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-1920.jpg 
    1920w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-256.jpg 256w,http://www.domain.co.uk/_webeditcached-
    images-0-0-617-10000-7488-512.jpg 
    512w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-768.jpg 768w,http://www.domain.co.uk/_webeditcached-
    images-0-0-617-10000-7488-1024.jpg 
    1024w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-1280.jpg 
    1280w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-1536.jpg 
    1536w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-1792.jpg 
    1792w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-566.jpg 566w,http://www.domain.co.uk/_webeditcached-
    images-0-0-617-10000-7488-1132.jpg 
    1132w,http://www.domain.co.uk/_webeditcached-images-0-0-617-
    10000-7488-1698.jpg 1698w" />

2 个答案:

答案 0 :(得分:0)

\是许多编码内容中的特殊字符,表示对下一个字符的特殊处理。因此,编辑器正在尝试解释\c,这只会导致c

如果\只是因为您正在使用Windows的文件夹表示法,那么/应该可以正常使用,以及常用的内容。如果失败,您可以通过向每个单独添加\来强制反斜杠。因此

_webedit\\cached

\\将解释为\。我很确定/会起作用,而且更有建议。

答案 1 :(得分:0)

CKEditor是JavaScript应用程序,对保存数据没有影响。如果您可以切换到Source模式并返回而不更改URL,那么这不是编辑器错误,您需要在服务器端代码中查找问题。