Froala编辑器使我的代码变得复杂

时间:2015-04-02 09:35:30

标签: editor froala

我在我的一个项目中使用Froala编辑器(1.2.6)已经有几个星期了,而且它工作得很好,但在我将项目从我的开发环境转移到生产服务器后,我似乎遇到一个非常奇怪的错误(?)。

例如,我在其中一个用Froala编辑的页面中有以下代码:

<div class="pageHeader">
  <div class="pageHeaderContent">
    <h1>Library</h1>

    <div class="breadcrumbs"><a class="ajaxify" href="../en/about-us">About Us</a> <i class="fa fa-chevron-circle-right"></i> Library</div>
  </div>
</div>

现在,如果我使用Froala编辑器编辑此页面(HTML查看常规视图)并保存我的更改,这就是结果(仅在重新加载编辑器后可见):

<div class="\&quot;pageHeader" fr-tag\"="">
  <div class="\&quot;pageHeaderContent" fr-tag\"="">
    <h1 class="\&quot;fr-tag\&quot;">Library</h1>

    <div class="\&quot;breadcrumbs" fr-tag\"=""><a ..="" about-us%5c""="" ajaxify\""="" class="\" en="" href="%5C">About Us</a><em class="\" fa"="" fa-chevron-circle-right\"=""></em> Library</div>
  </div>
</div>

我不认为这个问题与我启动编辑器的选项有关,因为我从开发到生产之间没有任何改变。以下是我初始化的选项:

allowScript: true,
allowComments: true,
inlineMode: false,
tabSpace: true,
fileUploadURL: adminRoot+'ajax/uploadFile.php',
imageUploadURL: adminRoot+'ajax/uploadImage.php',
toolbarFixed: true,
imageDeleteURL: adminRoot+'ajax/deleteImage.php',
defaultImageWidth: 0,
imageResize: true

有没有人知道我可以开始尝试纠正这种行为?

1 个答案:

答案 0 :(得分:0)

发现问题,需要在将其保存到文件之前通过stripslashes运行getHTML的输出。

相关问题