防止用户生成的内容破坏布局?

2024-01-24

我有一个包含一些用户生成的内容的网站,我希望能够将布局的标记以及用户生成的内容的标记分开,这样 u-g 内容就不会破坏网站布局。

用户生成的内容是可信的,因为它来自我网络上的已知用户组,但尽管如此,只允许一小部分 html 标签(p、ul/ol/li、em、strong 等) )。然而,用户生成的内容不能保证格式良好,并且我们遇到过一些格式错误的用户生成内容破坏网站布局的实例。

我们正在与用户合作,以​​保持内容格式良好,但与此同时,我正在尝试找到一种将内容与布局分开的好方法。我一直在研究命名空间,但无法找到有关嵌入式命名空间的 CSS 支持的良好文档。

有人有什么好主意吗?

EDIT

我在这里看到了一些非常好的建议,但我可能应该澄清一下,我绝对有no控制用户使用的输入机制。他们将内容输入一个系统,而我的页面使用该系统的 API 从中提取内容。该系统正在使用 TinyMCE,但正如我所说,我们仍然收到一些格式错误的内容。


为什么不使用 Markdown

如果您的用户懂 HTML 或可以掌握 Markdown 语法的概念,我建议您选择这样做。 Stackoverflow 与它配合得很好。我无法想象 Stackoverflow 上有一个普通的富编辑器。 Markdown 编辑器使用起来更简单、更快捷,并为大多数情况提供足够的格式化功能。如果您需要一些特殊的附加功能,您可以随时添加这些功能,但对于初学者来说,开箱即用的功能就足够了。

实时查看自我验证

但不要忘记包含用户所写内容的实时视图。自我验证创造奇迹,因此他们在发布数据之前纠正自己的错误。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

防止用户生成的内容破坏布局? 的相关文章

  • 使用本地存储在从另一个表保存的 HTML TABLE 中打印 JSON,以便我在另一个页面上打印我的表

    在我的作业中 我必须使用用户输入中的数据并将数据保存在本地存储中 我必须以水平表格式将这些数据从本地存储打印到其他页面 为此 我编写了用于用户输入并将数据保存在本地存储中的代码 div p p div
  • 将 XSL-FO 转换为 HTML

    我有一组用于 PDF 生成的 XSL FO 文档 我还需要将相同的输出数据 PDF 格式 导出为 HTML 文件 此外 我需要 HTML 具有与 PDF 类似的样式 有没有办法使用 C 将 XSL FO 转换为 XHTML NOTE 我知道
  • 两列表:一列尽可能小,另一列占据其余部分

    我在 div 中有一个 to columns 表 div table tbody tr td class action a a td td class content p Bigger text variable size p td tr
  • 如何使用 Scrapy 从网站获取所有纯文本?

    我希望在 HTML 呈现后 可以从网站上看到所有文本 我正在使用 Scrapy 框架使用 Python 工作 和xpath body text 我能够获取它 但是带有 HTML 标签 而且我只想要文本 有什么解决办法吗 最简单的选择是ext
  • 如何使用角度材料在具有可扩展行的表格中创建嵌套垫表

    我有以下数据 id c9d5ab1a subdomain wing domain aircraft part id c9d5ab1a info mimetype application json info dependent parent
  • 如何从浏览器向服务器发送“页面将关闭”消息?

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message
  • 以编程方式更改 html 选择下拉列表后 onchange 不会触发

    我在 HTML 中有一个选择
  • 仅 IE9_有时_会忽略

    我们正在开发一个大量使用 这是典型的 TYPO3 网站 该网站是在子目录中开发的 稍后将被重新定位到顶级目录 因此我们无法轻易删除 我们的客户告诉我们 有时当她浏览新页面时 她得到的页面内容没有应用布局 我们对此进行了调试 仅在 IE9 中
  • 身体动画不流畅

    下面代码中的 spaceShip 在开始按住任何箭头键时移动并不顺利 它移动一步 冻结一瞬间 然后 平稳 地移动 怎样才能让它从一开始就顺利运转 而不是 冻结 My code
  • 更改元素的顺序

    我正在创建一个浮动宽度的网站 用户在智能手机上使用从全高清分辨率到约 600 像素的屏幕 这似乎是一个不错的主意 这就带来了一个非常有趣的问题 当用户使用比最佳分辨率更小的分辨率时 页面的高度会增加很多 这意味着更改某些元素 例如某些图像
  • 为什么我的列表项项目符号与浮动元素重叠

    我有一个 XHTML Strict 页面 我在其中将图像浮动在常规文本段落旁边 一切都很顺利 除非使用列表而不是段落 列表的项目符号与浮动图像重叠 更改列表或列表项的边距没有帮助 边距是从页面左侧开始计算的 但浮动会将列表项推到右侧insi
  • 来自 HTML5 的 Phonegap Bonjour/Zeroconf 或 Websocket IP 发现

    我正在尝试实现一个 Phonegap HTML5 应用程序 该应用程序连接到 Websocket 服务器 在嵌入式设备中运行 也有 Bonjour 服务 以在家庭网络内交换数据 我想知道使用 Phonegap 检测服务器 IP 的最佳方法
  • 如何在有序列表中组合数字和字母?

    如何在 CSS 中用数字和字母递增有序列表 ol nested margin bottom 0 counter reset item ol nested li display block position relative ol neste
  • Django:按钮链接

    我是一名 Django 新手用户 尝试创建一个按钮 单击该按钮会链接到我网站中的另一个页面 我尝试了一些不同的例子 但似乎没有一个对我有用 举个例子 为什么这不起作用
  • @media语法/可能的组合

    我见过其中一些 media print media screen handheld print projection media all media all and property value media screen and prope
  • 悬停此元素时隐藏元素后的伪元素

    我的菜单垂直放置在页面左侧和菜单之间 li 我有一个 after那是一个分隔符 我想要的是当我悬停元素本身 如果它是第一个元素 时隐藏 after 元素 或者当它是中间元素时隐藏上面和底部的元素 如果它是最后一个子元素 则隐藏 after前
  • 图像无法在带有 DOM 的 IE 中加载:控制台中的 7009 错误(无法解码)

    当在 IE 中的单个页面上加载许多图像时 在 IE11 中重现 其中一些图像开始加载失败 并在控制台中出现类似以下警告的内容 DOM7009 无法解码 URL 处的图像 某些唯一的 url 当我查看网络流量时 似乎确实从服务器收到了每个图像
  • 在 HTML5 画布中,如何用我选择的背景遮盖图像?

    我试图用画布来实现这一点 globalCompositeOperation 但没有运气 所以我在这里问 这里有类似的问题 但我没有在其中找到我的案例 我的画布区域中有图层 从下到上的绘制顺序 画布底座填充纯白色 fff 用fillRect
  • 检查 jQuery 1.7 中是否存在基于文本的选择选项

    所以我有以下 HTML 片段
  • 如何创建适合屏幕宽度的等宽/高框? [复制]

    这个问题在这里已经有答案了 我正在尝试建立一个网站 其中有很多宽度和高度相等的框 例如 我有一个页面 其中并排有两个相同大小的框 简单的解决方案是将宽度和高度设置为 50vw 这在出现滚动条之前效果很好 我已经用谷歌搜索了几个小时 但无法理

随机推荐

  • nginx 中使用 proxy_pass 出现“请求标头或 Cookie 太大”

    我的服务器 A 上有以下 nginx 设置 面向互联网 仅相关部分 upstream new api server unix home ubuntu new api shared tmp sockets puma sock server l
  • 如何隐藏div元素下方的文本光标

    我是 CSS 和 javascript 新手 我有一个搜索文本框 可以在其中添加任何搜索值 输入错误值后 会弹出一个 div 并显示 未找到记录 带有关闭按钮来关闭 div 当我将光标放在文本框上而不关闭弹出窗口后 我的光标显示在 div
  • @end 在实现上下文中丢失[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我没有足够
  • Android:使用隐式意图读取txt文件

    问题 我正在尝试使用隐式打开 txt 文件Intent ACTION GET CONTENT 并将文本文件内容存储到数组列表中 当我尝试使用 Uri 的文件路径打开文件时getPath 并创建一个BufferedReader对象从文本文件中
  • 遗留文件的 QVariantList 序列化

    我正在以旧的遗留文件格式 不是我们的 阅读 很明显 这种文件格式是使用序列化编写的 因此为了让我的生活更轻松 我在阅读时也做了同样的事情 在读取文件的某个时刻 一个段被识别为QMetaType QVariantList https doc
  • Gradle 同步失败:无法创建父目录 - Android Studio

    我在 Android Studio 中遇到意外错误 无法运行我的应用程序 C Users gradle caches modules 2 metadata 2 71 descriptors com android tools build g
  • 用于检查素数的 C++ 代码不起作用

    我在使用此 C 代码时遇到问题 整数num是一个我想检查它是否是质数的数字 然而这个程序总是返回 false 这可能很简单 但我找不到任何东西 for int i 2 i
  • 如何将用户添加到 sfguard

    我在用着symfony http www symfony project net1 2 与sfguard 1 4 1 http www symfony project org plugins sfGuardPlugin 在系统上注册新用户的
  • 无法获取 Kerberos 领域

    我是 Kerberos hive 的新手 想要使用 JDBC 连接 hive Kerberos 实现 gt gt org apache hadoop conf Configuration conf new gt gt org apache
  • 为什么使用keys()而不是%{..}会发生自动生存?

    这是我发现的一个微妙之处keys perl e use warnings use strict my d ab gt 1 my e keys d gt cd perl e use warnings use strict my d ab gt
  • Vue.js 如何计算总数?

    如何计算数组中的总金额 我将数据作为 prop 传递给子组件 但我被困在这里 当我控制台 log prop 时 它返回一个非常复杂的对象 我试过this values reduce 功能 但不起作用
  • Django项目重组:无法导入应用程序

    我正在尝试重组我的项目 以符合最新的 Two Scoops of Django 一书 针对 Django 1 11 中的建议 完成重组后 我的应用程序无法导入 secureDash project README rst config ini
  • “未知命令syncdb”运行“python manage.pysyncdb”

    我想创建一个名为 database1 sqlite 的数据库的表 因此我运行以下命令 python 管理 py 同步数据库 但是当我执行命令时 我收到以下错误 未知命令 syncdb 输入 manage py help 以了解用法 但当我跑
  • 在 android 4.4 中,将应用程序从最近的任务中删除会永久终止应用程序及其服务。知道为什么吗?

    与以前的版本不同 在 4 4 中 将应用程序从最近的任务中删除会永久杀死应用程序及其服务 如强制停止 即使它正在运行后台服务 它显示 0 个进程 1 个服务 但服务也不起作用 理想情况下 它不应该终止后台服务 并且在 4 3 之前的版本中也
  • System.InvalidCastException - 在调试中有效,在发布时失败

    UNHANDLED EXCEPTION System InvalidCastException Cannot cast from source type to destination type 06 11 19 39 01 690 I Mo
  • 如何在 CarPlay 模拟器上测试 iOS 应用程序

    我正在尝试开发一个与 CarPlay 兼容的 iOS 应用程序 根据这篇文章iOS CarPlay API 是公开的吗 如何集成CarPlay https stackoverflow com questions 22372095 is io
  • Android 中缩小(或裁剪)对话框背景

    我有一个高分辨率图像 假设为 1900x1200 我想将其用作对话框的背景 它被创建了 Dialog dialog new Dialog this dialog setContentView R layout dialog 对话框布局
  • 始终在 UWP 中的 FlipView 控件上显示导航箭头

    使用鼠标并将鼠标悬停在通用 Windows 平台 UWP 上时FlipView控制显示上一个 下一个导航按钮 然而 当使用触摸或笔时 它们仍然隐藏 这可能会让用户感到困惑 不期待额外的内容 我希望导航按钮始终可见 我怎样才能做到这一点 我们
  • 将第二个全局管理员添加到 Azure AD B2C?

    如何为 Azure AD B2C 添加第二个全局管理员 我们是否将它们添加为访客帐户并分配该访客 GA 添加普通用户时 它说我们无法添加 dot state fl us 电子邮件 我们应该授权它 还是会搞砸我们的主要租户 Azure AD
  • 防止用户生成的内容破坏布局?

    我有一个包含一些用户生成的内容的网站 我希望能够将布局的标记以及用户生成的内容的标记分开 这样 u g 内容就不会破坏网站布局 用户生成的内容是可信的 因为它来自我网络上的已知用户组 但尽管如此 只允许一小部分 html 标签 p ul o