Title: HPcode Responsive BR
Author: はにわまん
Published: <strong>2026 年 10 月 4 日</strong>
Last modified: 2026 年 10 月 4 日

---

搜索插件

![](https://ps.w.org/hpcode-responsive-br/assets/banner-772x250.png?rev=3726953)

![](https://ps.w.org/hpcode-responsive-br/assets/icon-256x256.png?rev=3726953)

# HPcode Responsive BR

 作者：[はにわまん](https://profiles.wordpress.org/haniwaman/)

[下载](https://downloads.wordpress.org/plugin/hpcode-responsive-br.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/hpcode-responsive-br/#description)
 * [评价](https://cn.wordpress.org/plugins/hpcode-responsive-br/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/hpcode-responsive-br/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/hpcode-responsive-br/#developers)

 [支持](https://wordpress.org/support/plugin/hpcode-responsive-br/)

## 描述

This plugin adds a **Responsive line break** item to the rich text toolbar. Put 
the caret where you want the break, tick the screen sizes it should apply to, and
insert it.

#### Breakpoints

The screen sizes come from `settings.viewport` in `theme.json`, through the same
core function that drives the editor’s `@mobile` and `@tablet` states. Themes that
do not set it get the WordPress defaults.

#### In the editor

A small marker shows where each break is, even at widths where it does not apply.
Hover it to see the screen sizes, click it to change them.

### Development

The editor script in `build/` is compiled from the TypeScript sources in `src/`,
which are
 included in this plugin. To rebuild them:

    ```
    npm install
    npm run build
    ```

The build uses @wordpress/scripts (webpack). `package.json` and `tsconfig.json` 
ship with the
 plugin so the output can be reproduced.

## 屏幕截图

[⌊Choosing the screen sizes for a line break.⌉⌊Choosing the screen sizes for a line
break.⌉[

Choosing the screen sizes for a line break.

[⌊Markers show where the breaks are. Hover one to see which screen sizes it applies
to.⌉⌊Markers show where the breaks are. Hover one to see which screen sizes it applies
to.⌉[

Markers show where the breaks are. Hover one to see which screen sizes it applies
to.

## 安装

 1. Install and activate the plugin.
 2. Put the caret where you want a break, then open “Responsive line break” in the 
    block toolbar.

## 评价

此插件暂无评价。

## 贡献者及开发者

「HPcode Responsive BR」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ はにわまん ](https://profiles.wordpress.org/haniwaman/)

[帮助将「HPcode Responsive BR」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/hpcode-responsive-br)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/hpcode-responsive-br/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/hpcode-responsive-br/)，或通过[RSS](https://plugins.trac.wordpress.org/log/hpcode-responsive-br/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/hpcode-responsive-br/)。

## 更新日志

#### 1.0.0

 * First public release.

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**1 周前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 7.1 或更高版本 **
 *  已测试的最高版本为 **7.1.3**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/hpcode-responsive-br/)
 * 标签
 * [block-editor](https://cn.wordpress.org/plugins/tags/block-editor/)[breakpoints](https://cn.wordpress.org/plugins/tags/breakpoints/)
   [line-break](https://cn.wordpress.org/plugins/tags/line-break/)[responsive](https://cn.wordpress.org/plugins/tags/responsive/)
   [rich text](https://cn.wordpress.org/plugins/tags/rich-text/)
 *  [高级视图](https://cn.wordpress.org/plugins/hpcode-responsive-br/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/hpcode-responsive-br/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/hpcode-responsive-br/reviews/)

## 贡献者

 *   [ はにわまん ](https://profiles.wordpress.org/haniwaman/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/hpcode-responsive-br/)