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

木材渲染古腾堡块中不需要的<p>和<br>标签

是指在使用古腾堡编辑器(Gutenberg)进行内容编辑时,由于编辑器的特性,会自动添加一些HTML标签,如<p>和<br>标签。这些标签在某些情况下可能会对渲染效果产生不必要的影响,因此需要进行处理。

<p>标签是HTML中的段落标签,用于表示段落的开始和结束。在古腾堡块中,由于每个块都被包裹在<p>标签中,因此在某些情况下可能会导致不必要的段落间距或布局问题。

<br>标签是HTML中的换行标签,用于在文本中插入换行符。在古腾堡块中,由于编辑器的特性,可能会自动插入<br>标签,导致在渲染时出现不必要的换行。

为了去除这些不需要的标签,可以通过以下方法进行处理:

  1. 使用古腾堡编辑器的原生功能:在古腾堡编辑器中,可以通过切换到“代码编辑”模式,手动删除不需要的<p>和<br>标签。这种方法需要对HTML标签有一定的了解,并且需要谨慎操作,避免删除其他必要的标签。
  2. 使用插件或扩展功能:古腾堡编辑器有一些插件或扩展功能可以帮助去除不需要的标签。例如,可以使用“Disable Gutenberg Paragraph Block”插件来禁用<p>标签的自动添加,或使用“Remove Empty Paragraphs & Breaks”插件来删除空的<p>和<br>标签。

总结起来,为了去除木材渲染古腾堡块中不需要的<p>和<br>标签,可以通过古腾堡编辑器的原生功能或使用相关插件或扩展功能来实现。这样可以提高渲染效果,使内容更加整洁和符合预期。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云古腾堡编辑器:https://cloud.tencent.com/product/gutenberg
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress 技巧:优先执行 Shortcode,移除 Shortcode 自动添加 br p 标签

我们在使用 WordPress Shortcode API 开发插件时候,有个比较麻烦问题,就是 WordPress 会自动在 shortcode 内添加 br 或者 p 标签,这样可能会打乱你原先预想...HTML 结构布局。...造成这个问题原因是 WordPress 默认日志内容处理流程,wpautop(将回车转换成 p 或者 br 标签函数)是在 Shortcode 前面运行。...所以我们解决方案也是非常简单,改变它们执行顺序,在当前主题 functions.php 文件添加: remove_filter( 'the_content', 'wpautop' ); add_filter...这样调整顺序之后,你 shortcode 里面的内容,就不会有自动添加 p 或者 br 标签,但是如果 shortcode 中部分内容你又需要一些 p 或者 br 标签用来换行的话,你需要自己手动在自己

61420
  • 展望 WordPress 5.0 会给我们带来哪些更新?

    (Gutenberg)编辑器 Gutenberg,,1397 年出生于德国,是西方国家活字印刷术发明人,从而引导了一次媒介革命,其历史地位与中国毕昇比肩(当然,比毕昇晚了 400...多年),全名叫约翰内斯·,WordPress 新编辑器取名古意在向这段历史致敬。...()。...至此,我相信读者已经发现一个特点,那就是操作都是围绕(Block)进行,这也是新版编辑器一个理念。...目前互联网上一些自媒体平台都是采用这种理念,比如国际知名写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg- 基本介绍,更多新功能玩法大家可以自行安装体验

    1.4K30

    屏蔽 WordPress 编辑器,换回经典编辑器

    WordPress 5.0 带来编辑器(英文名是 Gutenberg)非常酷,也叫做编辑器(block editor),它把内容当作一来处理,每一有自己设置,使用起来非常清晰好用:...编辑器使用不习惯 但是习惯是一件很难改变事情,很多人习惯了经典编辑器,对于编辑器总是用不习惯。...可能编辑器大部分界面都是关注内容部分,对于摘要,特色图片,分类这些都放到侧边,并且默认隐藏,这个造成了很多人非常不习惯,甚至不知道哪里去设置。...我为了习惯编辑模式,我把很多针对文章操作都移到了文章列表,比如在后台文章列表设置文章特色图片,设置文章摘要,一键上传外部图片等,让编辑器专注于文章内容管理。...如何屏蔽编辑器 为了兼容,WordPress 官方也提供了 Classic Editor 插件,可以通过各种方式在编辑器经典编辑器切换使用: 管理员可以设置默认编辑器。

    41820

    WordPress 5.7 发布,更好用编辑器

    ​WordPress 5.7 发布,新版本改善了编辑器编辑体验,并使用户能够轻松创建更多高级,并为编辑器添加更强大自定义项,还有 HTTPS 切换等其他功能改进​。...编辑器更易使用 增强字体调整:编辑器很多地方都可以调整字体,比如列表,代码等,并且无需切换界面。 增强可重用,更加稳定,更好用,并且支持自动保存。...支持拖放:支持将组从插入器中直接拖放到编辑器。 更多 不懂代码也可以实现功能,做更多事情。 封面:可以制作一个填充整个窗口封面。...更简单默认调色板 全新简化调色板参照 WCAG 2.0 AA 推荐白色或黑色对比度将 WordPress 源代码所有颜色分解为 7 种核心颜色 56 种阴影。...新 Robots API 新 Robots API,新增过滤器指令 robots 元标签,比如默认支持 max-image-preview: large 指令,意思是搜索引擎可以显示更大图像预览

    73420

    WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示

    整个插件自己写代码只有不到 30 行,就是利用 WordPress wp_enqueue_scripts 接口让页面加载 prism 样式脚本代码。...然后插件也兼容 WPJAM「静态文件」插件,不单独加载 prism 样式脚本代码,把 prism 样式脚本代码合并到整个站点唯一样式脚本文件: 所以这个从另外一个侧面说明 WPJAM 出品插件...如果你使用编辑器的话,先点击选择创建一个代码: 然后输入代码,选择该该区块: 点击右侧区块属性框,在额外CSS类输入:language-php,如果你代码是 JS 则,输入 language-javascript...如果是经典编辑器,则切换到代码模式,然后把代码放到:   之间即可,如下图所示: pre 标签 class...定义就是语言,如何设置,上面设置方式是一样,自己灵活处理一下,个人感觉还是编辑器方便一点。

    1.8K30

    WPJAM Basic 去掉了「屏蔽 REST API」功能

    自带 REST API,那就在 WPJAM Basic 「优化设置」添加了屏蔽 REST API 功能,觉得自己不用,就增加个选项可以勾选去掉。...随着 WordPress 版本推进,功能叠加,功能也产生了依赖,WordPress REST API 成为很多功能基础,比如编辑器就是基于 REST API ,所以很多人在 WPJAM Basic...「优化设置」把 REST API 功能屏蔽了,然后发现没法用了,就来怼我:装了 WPJAM Basic,都不能用了。...所以很无语,虽然在「优化设置」已经做了处理,勾选了「屏蔽」才能勾选「屏蔽 REST API」,但是不知道什么原因,可能其他插件或者主题把编辑器屏蔽了,然后所有的罪都由 WPJAM Basic...rest_enabled', '__return_false'); add_filter('rest_jsonp_enabled','__return_false'); // 移除头部 wp-json 标签

    45620

    WordPress 5.6 发布,新 2021 主题编辑器大更新

    WordPress 5.6 发布,这个版本发布了新默认主题 2021,然后给增加大量模块,让你更加方便插入图片,声音视频。...编辑器更新 更灵活布局:编辑器更加方便设置布局,支持单栏或者多栏,支持固定宽度,全屏头部,背景图支持渐变。...更多模式:在某些主题中,预配置模式让在站点上创建页面变得轻而易举,所以更多模式让你创建页面的时候变得更加方便快捷。...更好视频字幕:为了帮助大家想视频添加字幕,您现在可以在帖子或页面中上传字幕。这样,比以往任何时候都更容易使需要或喜欢使用字幕任何人都可以访问您视频。...2021主题 2021 是一个完全为全新编辑器创建主题,并且带有自己专属快模式,花几秒钟试试它不同布局,就可以让你文章脱颖而出。

    85240

    WordPress 禁用 Rest API 默认路由兼容 Gutenberg 编辑器

    但是由于 WordPress 默认使用编辑器( Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...(){//兼容 编辑器 global $post; if( !...) remove_filter( 'rest_api_init', 'create_initial_rest_routes', 99 );//复制此行到当前主题 functions.php 文件可以直接禁用...functions.php 文件即可。...需要说明是,以上代码主要实现原理就是判断用户是否登录以及是都有编辑权限,只有当用户登录,且拥有文章编辑权限用户才不会禁用默认路由,以达到兼容编辑器目的,当然如果你像子凡一样只用 WordPress

    71390

    WordPress 6.2 发布,全面提升站点编辑体验

    重新设计站点编辑器 WordPress 6.2 最大更新是站点编辑器结束了 beta 标签,不仅仅是全新界面,而且提供了对整个站点进行定制能力,让用户可以从模板或者模板部件等任何地方就可以开始编辑站点样式...导航支持多种方式菜单管理 新导航侧边栏使得编辑站点菜单更加容易,可以快速添加、删除对菜单项重新排序。...在编辑器直接使用 Openverse 资源 Openverse 已经有超过了 7 亿免费公开许可图片音频,现在通过区块插入器直接集成到 WordPress 编辑器。 ...无干扰模式专注写作 编辑器也支持无干扰写作模式了,可以一键隐藏侧边栏,所有面板控件等,专注自己创作。...简单说 WordPress 6.2 主要更新就是编辑器更新,没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大更新。

    1.1K40

    一文详解 WordPress Shortcode 简码

    Shortcode 类型 Shortcode API 支持几乎所有可能组合形式:自关闭标签,开放标签,含有参数标签等。...foo="bar" id="123"]一些内容[/mycode] 使用 Shortcode 在后台撰写文章时候,如果是编辑器,直接可以选择简码区块,它在小工具分类比较下面: 然后在简码区块输入具体简码...: 如果不是编辑器则直接输入简码。...这是因为每个 Shortcode 都定义了一个对应回调函数来处理,这个回调函数一般有两个参数:Shortcode 属性参数内容: function my_shortcode_func($attr,...$content){ // $attr $key=>$value 数组 // $content 是 shortcode 包含字符串内容 // 对 $attr $content

    1.6K20

    微软MIT出品,AI自动朗读6万本电子书,还能用自己声音定制化

    世界上最大电子书库正被AI转录为有声书,免费向所有人开放! 这个项目由微软,谷歌计划共同发起,有望将计划包含接近6万本电子书库,利用AI文本转语音技术,全部转化为有声读物。...很长时间之内,计划电子书是由志愿者进行手工录入而成。 其中主要是西方文化传统文学作品,比如小说、诗歌、小故事、戏剧,除此之外,书库也收录食谱、书目以及期刊。...而且计划并未使用标准化HTML文件,电子书包含大量与音频阅读器无关文本,包括序言、目录、表格、插图、文本页码、脚注、抄写员笔记其他奇怪内容。...这让研究团队对计划HTML文件整个集合进行聚类可视化,并使得研究团队找到几大组通用结构文件。...使得研究团队能将注意力集中在读取后可以生成高质量录音文件任务上来。 下图显示了该聚类过程结果,表明计划收藏自然出现了几个结构相似的电子书集群。

    34030

    如果你 WordPress 安装了 PHP Everywhere 插件,请赶快升级或者删除

    如果你 WordPress 安装了 PHP Everywhere,那么你要赶快升级到 3.0 版本或者删除了,因为近日该插件被披露存在三个严重安全漏洞,攻击者可在受影响网站上利用该漏洞,执行任意代码...PHP Everywhere 插件 PHP Everywhere 可以让你在 WordPress 随时随地使用 PHP 代码,使用户能够在 WordPress 文章,页面侧边栏插入执行 PHP...代码,根据 WordPress 官方插件库数据,该插件已被 3 万多个 WordPress 站点使用。...CVE-2022-24665 - 通过编辑器进行远程代码执行(同样需要贡献者权限) 如果网站存在这三个漏洞,黑客将可以利用它们并执行恶意 PHP 代码,甚至可以实现对网站完全接管。...3.0.0 版本通过移除短代码功能,并且提供一个升级向导,将旧短代码升级到 Gutenberg 编辑器里面的(block)。但是 3.0.0 版本只支持编辑器,不再支持原来经典编辑器了。

    40130

    给WordPress新添加一个编辑器

    在WordPress添加一个额外编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本步骤指南,帮助你在WordPress添加第二个编辑器实例。...title', 'editor'), ));}add_action('init', 'custom_gutenberg_editor_init');步骤 2: 创建自定义JavaScript文件在你插件文件夹创建一个...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你主题文件(例如 functions.php 或 header.php),添加一个容器来承载第二个编辑器实例。步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建自定义插件并激活它。步骤 5: 测试访问你网站,并检查页面底部是否出现了第二个编辑器实例。...安全性:在生产环境中使用自定义代码时,请确保进行适当安全检查测试。原文http://www.dulizhan.cq.cn/jianzhan/42.html

    7610

    WPJAM TinyMCE:一键增强 WordPress 经典编辑器

    现在大家都开始使用编辑器了,特别是 WordPress 最新几个版本发行,大部分更新都围绕编辑器,不过在一些地方还是有用到经典编辑器,比如我们花生小店商品编辑,就用不到那么高级编辑器...添加编辑器按钮 WPJAM TinyMCE 这个插件首先增加几个样式按钮:下划线,背景颜色,两端对齐等,增加了常用 WordPress 内容分页按钮,还支持设置字体大小,最后还把按钮布局调整了一下,...做个简单对比,就很清楚了。...安装 WPJAM TinyMCE 之前编辑器: 安装 WPJAM TinyMCE 之后编辑器: 新增插入表格功能 我增加了 TinyMCE 表格插件,让大家在编辑器就能够直接插入表格: 还支持表格行...现在在屏幕截图之后,只需要按快捷键就能粘贴到编辑器里面,然后文章保存时候自动把图片上传到媒体库。非常方便快捷。

    82510

    wordpress资讯类主题NStory(纯净版宝塔版)

    框架支持 用户打赏 赞 VIP 会员 赞支付宝微信支付 赞手机、邮箱社交登录 赞推荐用户等级 赞图片裁剪与水印 赞强大积分系统 赞暗黑模式,可手动或自动切换 赞付费内容,下载视频 评论评分及表情...用户关注 优雅弹窗 自定义页面宽度 多功能标签页面筛选 每天凌晨等级自动更新 VIP 会员到期提醒 后期再开发更多实用功能模块 用户中心 编辑资料 投稿 私信 动态 通知 VIP 认证 积分余额...禁用 WordPress 区分大小写转换 禁用字符转码 禁用文章修订自动保存 移除仪表盘小工具 禁用表情符号 禁用 XML-RPC 接口 删除WordPress登录错误 从工具栏删除 WordPress...LOGO 从工具栏删除自定义 禁用定时器 禁用编辑器 禁用小工具 禁用文章 Embed 格式化日期 格式化数字 在新窗口中打开链接 自动添加图像 alt title 搜索重定向 仅搜索文章标题...选择所属专题 新编辑专题可AJAX选择相关文章 自定义类型文章固定链接 移除菜单多余标签 全站添加 canonical 标签 外链自动添加 nofollow 标签 专题中可选择除专题外其它文章类型

    2.7K00

    WordPress 5.0默认老版编辑器

    方法3一句代码禁用Gutenberg 编辑器其实之前经典Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp,即可切换回之前编辑器,根本不需要那些插件。...虽然看起来很高端,但很多用户发现它很不方便,相比之下,还是更喜欢经典编辑器。如果经典编辑器真的被5.0版本取代了,如何禁用Gutenberg并保留经典WordPress编辑器呢? ?...方法3:一句代码禁用Gutenberg() 编辑器 其实之前经典Classic Editor编辑器代码,在WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。...,根本不需要那些插件。

    1.3K10
    领券