CK 编辑器打破使用断点的图像路径

Question

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

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

输入

    <img src="http://www.domain.co.uk/_webedit\cached-images-0-
    0-617-10000-7488-767.jpg" 
    srcset="http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-1920.jpg 
    1920w,http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-256.jpg 
    256w,http://www.domain.co.uk/_webedit\cached-images-0-0-617-
    10000-7488-512.jpg 
    512w,http://www.domain.co.uk/_webedit\cached-images-0-0-617-
    10000-7488-768.jpg 
    768w,http://www.domain.co.uk/_webedit\cached-images-0-0-617-
    10000-7488-1024.jpg 
    1024w,http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-1280.jpg 
    1280w,http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-1536.jpg 
    1536w,http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-1792.jpg 
    1792w,http://www.domain.co.uk/_webedit\cached-images-0-0-
    617-10000-7488-566.jpg 
    566w,http://www.domain.co.uk/_webedit\cached-images-0-0-617-
    10000-7488-1132.jpg 
    1132w,http://www.domain.co.uk/_webedit\cached-images-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" />

Answer 1

\ 是许多编码材料中的特殊字符，表示对下一个字符的特殊处理。因此，编辑器试图解释 \c，结果只是 c.

如果 \ 只是因为您对 Windows 使用文件夹表示法，那么 / 应该可以正常工作，并且是常用的。如果失败，您可以通过向每个反斜杠添加 \ 来强制使用反斜杠。于是

_webedit\cached

和 \ 将解释为 \。我很确定 / 会起作用，而且更值得推荐。

Answer 2

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

CK 编辑器打破使用断点的图像路径

CK Editor breaking image paths that use breakpoints

ckeditor