跳到主要内容
  2019 年 6 月 26 日星期三
  2 回覆
  3.3K访问
  订阅
你好,

我们如何防止 Dropeditor 更改文章的源代码?我们使用一些自定义 CSS, Dropeditor 会破坏布局。例如以下内容:


<ul id="hexGrid" zoompage-fontsize="13">
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img1.jpg" alt="" />
         <h1 zoompage-fontsize="42">Header 1</h1>
         <p zoompage-fontsize="14">Text 1</p>
      </a>
   </li>
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img2" alt="" />
         <h1 zoompage-fontsize="42">Header 2</h1>
         <p zoompage-fontsize="14">Text 2</p>
      </a>
   </li>
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img3" alt="" />
         <h1 zoompage-fontsize="42">Header 3</h1>
         <p zoompage-fontsize="14">Text 3</p>
      </a>
   </li>
</ul>


当 Dropeditor 打开文章时,会变成这样:


<ul id="hexGrid" zoompage-fontsize="13">
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img1.jpg" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 1</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 1</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img2" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 2</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 2</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img3" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 3</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 3</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
</ul>

A
6年前
你好,

感谢您就此扩展程序与我们联系。
我们如何防止 Dropeditor 更改文章的源代码?我们使用一些自定义 CSS, Dropeditor 会破坏布局

DropEditor 是基于CKEditor构建的,它自动清理输出的html,使其更加干净和有效。
目前 DropEditor 中没有任何设置来禁用此功能。

希望能帮助到你!
干杯,
小号
事实上有一点,是的。我仍然不知道为什么 CKEditor 会重组我们的代码,或者更确切地说如何阻止它。禁用高级内容过滤不起作用。

但我发现可以通过设置 config.protectedSource 添加被编辑器忽略的代码。我在浏览器中尝试过,它有效。

有什么方法可以设置 CKEditor 配置,以便它不会在DropEditor?
  • 页 :
  • 1
目前还没有回复。