表格所见即所得，但阻止用户破坏页面布局

Question

我正在考虑使用HTML所见即所得（WYSIWYG）编辑器，例如CKEditor，但是我很好奇是什么阻止用户提交一些HTML代码，这些代码将在尝试输出HTML时更改页面的布局。

这是两个帖子的示例：

<p><b>This is my post</b></p>
<p>It has some nice HTML that does not break stuff</p>

和

</div>
<div style="height:10000px; width:10000px;">
    <p>muhahaha</p>
</div>

如您所见，第一篇文章很好而且很简单，我可以展示它，而且看起来不会发疯。 但是第二篇文章可能会完全改变我的页面布局（未经测试，但您明白了。）

<html>
<head>...</head>
<body>
    <div class='content'>
        <div class='post'>
            <p><b>This is my post</b></p>
            <p>It has some nice HTML that does not break stuff</p>
        </div>
        <div class='post'>
            </div>
            <div style="height:10000px; width:10000px;">
                <p>muhahaha</p>
            </div>
        </div>
    </div>
</body>
</html>

我知道我可以使用htmlentities，但是这样一来，第一篇文章就不会显示为粗体，我也不想这样做。

stackoverflow网站必须内置这样的东西，我想知道是否有一种简单的方法来阻止用户能够通过WYSIWYG编辑器提交更改布局的HTML？

Answer 1

CKEditor具有一项称为“ 高级内容过滤器”的功能，默认情况下，自动模式通过转换和删除不允许的元素，属性，类和样式来过滤传入的HTML内容。 CKEditor仅允许已启用的编辑器功能（按钮，插件）定义的内容。

它也是高度可配置的，因此它使您可以完全控制用户可以提交和不能提交到您的网站的内容。

请查看以下资源来弄清楚：

表格所见即所得，但阻止用户破坏页面布局

问题描述

1 个解决方案

解决方案1
0 2016-05-23 07:39:17

表格所见即所得，但阻止用户破坏页面布局

问题描述

1 个解决方案

解决方案1 0 2016-05-23 07:39:17

解决方案1
0 2016-05-23 07:39:17