首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress 技巧:为评论模块增加更多 HTML 标签支持

WordPress 原生的评论模块内容,支持使用 HTML 标签来增强评论内容的格式和效果。...但是这肯定会带来一些安全隐患,特别是评论这种随便一个浏览者都可以提交数据的地方,容易产生跨站攻击(XSS),所以 WordPress 系统严格的限制了评论模块可以使用的 HTML 标签。...这些标签肯定是远远不够用的,如果是技术博客,评论往往需要包含代码,那么可能就需要添加 pre 标签的支持,如果想要评论中可以引用图片,那么需要 img 标签的支持。...本文就是来讲解如何在评论模块中增加更多 HTML 标签的支持。...WordPress 允许的标签和属性 WordPress 出于安全考虑,严格的限制了文章和评论等可编辑内容支持的 HTML 标签类型和标签的属性。

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    为WordPress 评论框添加HTML5 表单验证

    WordPress 中最常用到的表单莫过于评论框了,但现在不少的WordPress 主题(包括WordPress官方的主题),其表单验证其实是借助javascript 甚至php来的。...因此,访客常常是要点击“提交评论”按钮,然后跳转到错误提示页面才知道哪里写的不够规范。这么来说,用户体验不怎么好。借助HTML5 的表单验证,我们可以轻松解决这个问题,让UE 更上一层楼。...HTML5新的表单特性 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search...,当用户开始输入内容时会自动消失; 对于WordPress 的话,评论框中需要用到email与url(对应电子邮箱,网站)。...实际效果可在下面的评论框进行测试。 立马高端大气上档次有木有!不过要浏览器支持html5才行,某IE 就不用考虑了。 本文部分内容参考:w3school中文版;《HTML5开发实例大全》

    4.4K100

    评论的革新?

    在最近的Real-Time CrunchUp 2009上,通过自己的产品JS-Kit(已经安装在世界上60万个网站上),Khris Loux(世界上最大的评论服务提供商之一的CEO)宣布了传统评论渠道的死亡...,指出现在我们需要找到一些传统社交网络之外的评论渠道。...同时Loux介绍了自己的新产品“Echo”,通过在自己网站上添加一小段JavaScript代码,可以将自己的站点和社交媒体和博客上的评论整合到一起,这就意味着网站的任何改动都可以通过Twitter、Flickr...这是一个听起来非常有意思的创作(想想OepnID?),“ECHO”甚至深度整合了文字、图片,甚至是视频。这项创新一定能为一些网上的活动、全球性的事件等等需要高度互动的网站所青睐。...通过这个工具,可以整合自己的多个站点中的评论,不过目前提供的免费版本功能还比较少,如果想要强大的功能,就要付费,俨然是SaaS呀。 如果需要了解更多,可以访问 http://js-kit.com/。

    32910

    Disqus评论框改造工程-最近评论的实现

    最近从多说迁移到了 Disqus,确实老东家做的插件会好得多,唯一的麻烦就是需要一些步骤才能看到评论框。 大多功能都还凑合。唯一不满意的就是 CSS 风格。...本来也没多在意,也就一个 Disqus 的 Logo 放在那儿还看得过去,今天试着用他们 Advanced Usage 里面加了个最近评论框,同样也是 Iframe,不过各种padding加起来之后丑得不行...是时候研究一下 Disqus 的 API 了 毕竟是最大的三方评论供应商,他们的 API 及其详细。1....注意还有其他的listPosts的需求,当前我们使用的是全站评论 用里面提供的 URL 加上自己的 Key 组成链接: https://disqus.com/api/3.0/forums/listPosts.json.../评论内容,甚至一同返回了纯文本和富文本两种内容,最后将返回的数据进行渲染一下: $.ajax({ url: 'https://disqus.com/api/3.0/forums

    47030

    WPJAM「评论增强插件」:支持评论点赞和评论置顶

    我们知道 WordPress 评论功能好是好,但总觉差点什么,所以我想了想,可能是大家习惯了公众号的留言系统吧,希望也能和公众号的留言一样,可以点赞,管理员还可以置顶评论,所以按照这个需求做了一下,并且能名字也叫做...后台评论管理 因为评论置顶的功能是针对单篇文章的评论才能置顶,所以我在 WordPress后台 「文章」菜单下,添加了「文章评论」子菜单: 在该界面,我把页面分成左右两块,左边首先显示文章列表,点击某篇文章即可显示该篇文章的评论列表...管理员添加评论 另外一个比较重要的功能是:管理员可以给一些文章添加一些评论来丰富文章的内容了,操作也非常简单,在后台的文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论的界面: 按照要求输入平路用户的昵称...前台评论展示和点赞 前端界面无需更改任何代码,即可实现点赞,置顶评论的作者昵称前会显示置顶的图标,其他评论则按照点赞数排序。...分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。 并且在后台分类管理界面可以按层级显示和拖动排序。 评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1.

    1.8K40

    Gitment评论插件的使用

    前言 继上一篇的 GitPages部署自己的网站 现在开始添加博客的评论插件Gitment。这里的话我是使用hexo添加gitment插件,如果不是使用hexo,请到官网指定这里。...github_user: username github_repo: blog_comments #新建一个存储评论的仓库,这里填写仓库名 client_id: #第一步注册的client_id...github_repo这里是让你再新建一个仓库,用来存储评论的,不是当前的这个博客的仓库, 然后填上你仓库名的名字,对!...第四步 初始化评论插件 搞定好以上的步骤后,你就能看到博客的下方是这样的 [Gitment图片1] 点击登入后,(未开放评论)的地方会显示一个按钮让你初始化,点击按钮然后你就可以进行评论啦!...参考我的博客 https://colablog.cn/

    1.3K40

    Valine评论系统的设置

    下文介绍我引入Valine评论系统的全过程: 首先请保证你的butterfly主题的版本比较新,截止到22/03/24,官方已经更新到了4.1.0 安装Valine系统 遵循Valine的指示,配置好...automatically detected (no need to manually fill in) bg: # valine background visitor: false option: 此后,所有评论的数据都将存储在...LeanCloud->数据存储->结构化数据->Comment里面 如果更改了posts的路径,需要修改对应数据的url参数,否则评论会消失 对用户添加标签“博主/好友/访客” 打开valine.pug...blueimp_md5: valine: https://cdn.jsdelivr.net/gh/tzy13755126023/BLOG_SOURCE/valine_f/valine.min.js Valine获取评论失败...domain name users, overseas version will be automatically detected (no need to manually fill in) 无法评论

    78520

    WPJAM「评论增强插件」支持后台添加评论

    WPJAM「评论增强插件」新增后台添加评论功能,这样管理员也给一些文章添加一些评论来丰富文章的内容了,操作也非常简单,在后台的文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论的界面: 按照要求输入平路用户的昵称...,上传头像,撰写评论内容,点击添加即可。...分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。 并且在后台分类管理界面可以按层级显示和拖动排序。 评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1....外部链接 将文章或评论中的外部链接加上安全提示的中间页。 让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。

    1.1K20

    Gitment评论插件的使用

    前言 继上一篇的 GitPages部署自己的网站 现在开始添加博客的评论插件Gitment。这里的话我是使用hexo添加gitment插件,如果不是使用hexo,请到官网指定这里。...github_user: username github_repo: blog_comments #新建一个存储评论的仓库,这里填写仓库名 client_id: #第一步注册的client_id...github_repo这里是让你再新建一个仓库,用来存储评论的,不是当前的这个博客的仓库, 然后填上你仓库名的名字,对!...就是单纯的名字,仓库名叫blog_comments就填blog_comments。 第四步 初始化评论插件 搞定好以上的步骤后,你就能看到博客的下方是这样的 ?...点击登入后,(未开放评论)的地方会显示一个按钮让你初始化,点击按钮然后你就可以进行评论啦!

    71120

    django 无限层级的评论

    一、摘要 拓展 django 官方的评论库,为评论提供无限层级的支持。...演示 访问链接: https://github.com/zmrenwu/django-mptt-comments 下载完整代码,这里面有提供一个demo,文件夹就是example 安装依赖 安装根目录下的2...点击测试,进入评论页面 ? 输入表单数据,会跳转页面 http://example.com/posts/1#c1 重新访问首页,点击测试 在提交按钮下面,就会显示评论。 ?...再次返回首页,点击测试,评论效果如下: ?  点击2楼后面的reply,回复一下 ?  再次返回首页,点击测试,评论效果如下: ? 回复3楼 ? 4级评论如下: ? 还可以再次回复,这里就不演示了。...django_mptt_comments_mpttcomment 表记录了评论信息 ? templates 是模板目录,可以根据需要,将页面调整的好看一些。

    1K30

    再说评论

    前几天把这个主要的博客的评论系统切换为 Disqus 了。 用的是 DisqusJS 的代理。巧了,DisqusJS 在几天之后发布了 3.0.0 的更新。...在追求极致速度的同时,却换上 Disqus 如此臃肿的评论系统。简直离经叛道? 其实原因很简单: 首先,Twikoo 和 Waline 都不再轻量了,至少不是我想要的那种轻。...这完全就是一次无意义的 Code Review。 事实上,就算更新了文档,更新时也得把文档从头到尾重新看一遍。 毕竟生活中不止维护评论系统这一件事,所以基本上会忘记上次更新部署时做了些什么。...现在的 Disqus 和 10 年前的 Disqus 几乎没有太多的变化。 使用方法也没有什么变化。 我把我 10 年前的网站备份运行起来,里面的 Disqus 还能很好的运行。...其实现在独立博客盛景不再,要不要评论系统又有什么关系呢。

    52810
    领券