Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 强制CKEDITOR停止展开块_Javascript_Jquery_Html_Ckeditor - Fatal编程技术网

Javascript 强制CKEDITOR停止展开块

Javascript 强制CKEDITOR停止展开块,javascript,jquery,html,ckeditor,Javascript,Jquery,Html,Ckeditor,假设我有一个块标记: <div class="block"> <a href="/"> <div class="divInside"></div> <img src="/bla" /> <p>Parargraph</p> </a> </div> :声明 我对它对空div的处理没有问题,但是对锚的处理非常烦人 有没有

假设我有一个块标记:

<div class="block">
    <a href="/">
        <div class="divInside"></div>
        <img src="/bla" />
        <p>Parargraph</p>
    </a>
</div>

:声明


我对它对空div的处理没有问题,但是对锚的处理非常烦人


有没有办法禁用此功能?

对于将来遇到同样问题的人,我确实提出了一个解决方案,但我并不太满意,因为应该有一个选项,因为它在中完全有效

config.js
文件中,添加以下配置设置:

config.protectedSource.push(/[\r\n]|)(

基本上,我们在这里所做的是:

  • 查找新行
    \r
  • 查找新行
    \n
  • 查找任何打开的定位点:
    -
    (]+>)
  • 查找结束锚标记

  • 这个正则表达式将停止验证发现的结果,我相信有更好的方法来实现这一点,因为我不是正则表达式专家(CKEditor不支持HTML5中引入的块级链接,因为这是一个非常剧烈的变化。出于同样的原因,HTML5没有DTD-它无法创建。CKEditor基于类似DTD的对象解析和处理内容(
    CKEditor.DTD
    )因此,如果没有深入的体系结构更改,它将无法同时支持内联链接和块链接(所谓的透明元素)。当然会进行此更改,但我们需要时间。请参阅我以前的答案@oleq请参阅我发布的答案,我已经想出了一个效果很好的解决方案!它基本上告诉ckeditor不要验证锚。可能重复,但将该regexp用于protectedSource并不意味着无法编辑edi中的链接tor?根据他们的文档,是的,但我还添加了
    config.allowedContent=true
    ,它似乎不过滤html。@AlfonsoMLallowedContent禁用ACF过滤器,所以CKEditor不会试图去除任何不理解的元素或属性。但我认为这与这个问题毫无关系,我的评论是:有了这个protectedSource,你能在编辑器中编辑一个现有的链接吗?是的,我仍然可以编辑它,我不知道我是否以某种方式破坏了组合标签的功能,但是对我来说,这正是我想要的@AlfonsoMLI真的无法理解。我创建这个提琴只是为了测试,正如我预期的那样,而在WYSIWYG模式下,我不能编辑器无法识别链接,因此用户将无法对其进行编辑。我添加了一个内联测试和另一个框架编辑器测试,两个测试的行为相同。
    <div class="block">
        <div class="divInside">
            &nbsp;
        </div>
        <a href="/"><img src="/bla" /> </a>
        <p>
            <a href="/">Parargraph</a>
        </p>
        <a href="/"> </a>
    </div>