Title: Clear Floats Button
Author: Graffino
Published: <strong>2015 年 10 月 26 日</strong>
Last modified: 2022 年 7 月 11 日

---

搜尋外掛

![](https://ps.w.org/clear-floats-button/assets/banner-772x250.png?rev=2404131)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/clear-floats-button/assets/icon-256x256.png?rev=2404131)

# Clear Floats Button

 由 [Graffino](https://profiles.wordpress.org/graffino/) 開發

[下載](https://downloads.wordpress.org/plugin/clear-floats-button.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/clear-floats-button/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/clear-floats-button/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/clear-floats-button/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/clear-floats-button/#developers)

 [技術支援](https://wordpress.org/support/plugin/clear-floats-button/)

## 外掛說明

This plugin adds 1 button to [TinyMCE](http://tinymce.moxiecode.com/) to clear floating
elements. It also adds divs to valid tags so they won’t be deleted if empty.

Originally by [Miguel Ibero](https://wordpress.org/plugins/tinymce-clear-buttons/).

## 螢幕擷圖

[⌊Plugin in action⌉⌊Plugin in action⌉[

Plugin in action

## 安裝方式

 1. Download.
 2. Unzip.
 3. Upload to the plugins directory (wp-content/plugins).
 4. Activate the plugin.

## 常見問題集

### Why do you need to clear the floats?

Well, sometimes you want to add two floating images but don’t want them to overlap.
Or you want to add an image floated to the left and text on the right, and then 
add a new block. You can add a clear in
 the middle to achieve the desired effect.

### Where do I get support?

Ask your question in the [Support Forums](https://wordpress.org/support/plugin/clear-floats-button).
Please note that due to restricted time availability we’re not actively answering
questions, unless a real bug is reported. See: “What should I try before reporting
a bug” section.

### What should I try before reporting a bug?

 1. Disable all your plugins except “Custom Post Type Maker”.
 2. See if the plugin behaves normally with the default WordPress theme.
 3. Try to run the plugin on a clean WordPress install.

If all of this fails, see: “How should I report bugs?” section.

### How should I report bugs?

Please report your bug on [GitHub](https://github.com/Graffino/Clear-Floats-Button/issues).
Issues will not be handled elsewhere.

Make sure you attach to the report:
 1. Your WordPress version 2. Your plugin version
3. Screenshots 4. Steps to reproduce the problem 5. Anything else you think would
be useful to pinpoint the problem

### How do I request a feature?

We’re supporting this plugin but not actively developing it. If you’re interested
to contribute you can submit a PR on [GitHub](https://github.com/Graffino/Clear-Floats-Button/pulls).

### How do I get the plugin in my own language?

You’ll have to do it yourself. Help [translate this plugin](https://translate.wordpress.org/projects/wp-plugins/clear-floats-button).

## 使用者評論

![](https://secure.gravatar.com/avatar/89da38600b16de15e7c3fb10d0f81a949a6864702a7e3a133f66b62c26cd7772?
s=60&d=retro&r=g)

### 󠀁[Still a critical addition to the Classic Editor](https://wordpress.org/support/topic/still-a-critical-addition-to-the-classic-editor/)󠁿

 [Sea Jay](https://profiles.wordpress.org/jcollier/) 2024 年 12 月 17 日 1 則留言

This plugin is still a critical addition to the Classic Editor.

![](https://secure.gravatar.com/avatar/34b9a023729e6d5a724005b8bdb8dfe5caa583b647eeb6684bae2e9ebe21badf?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-8184/)󠁿

 [Steve D.](https://profiles.wordpress.org/sdowney2002/) 2021 年 2 月 13 日 1 則
留言

Simple and elegant. I needed a fool-proof solution for non-tech clients who like
to float text around images. This is exactly what I needed. Thanks!

![](https://secure.gravatar.com/avatar/a207c8368c4232a97c8098d41d54cd7ff645e3d8c43e4b72d418e97ec02cecbc?
s=60&d=retro&r=g)

### 󠀁[Indispensable](https://wordpress.org/support/topic/indispensable-90/)󠁿

 [Ypanesa](https://profiles.wordpress.org/ypanesa/) 2016 年 11 月 5 日 1 則留言

This plugin I’ve missed for about 10 years. Finally I found it by chance. I am totally
happy with it. It helps so much organizing and designing longer texts with pictues.
It should be included in TinyMCE. Thank you!

![](https://secure.gravatar.com/avatar/fdd7635873e2f892aab21f31b79e20ba5a794c3522201a9d68078b6248acc6a9?
s=60&d=retro&r=g)

### 󠀁[Exactly what I needed](https://wordpress.org/support/topic/exactly-what-i-needed-344/)󠁿

 [cassihl](https://profiles.wordpress.org/cassihl/) 2016 年 9 月 3 日 1 則留言

Perfect. Super easy solution.

![](https://secure.gravatar.com/avatar/d0033d93efc0a12337b61e86c29f485aff5f9c5e1e7935e041f8d160fa3d56f4?
s=60&d=retro&r=g)

### 󠀁[Perfect solution – why is this not in TinyMCE already?](https://wordpress.org/support/topic/perfrect-solution-why-is-this-not-in-tinymce-already/)󠁿

 [GregW](https://profiles.wordpress.org/gwmbox/) 2016 年 9 月 3 日 1 則留言

This is one of those ‘why is there a plugin for this’ type plugin. As in this should
already be available in the TinyMCE editor by default. A must have plugin for WYSIWYG
editors, thanks very much for this easy to install and use plugin 🙂

![](https://secure.gravatar.com/avatar/c62d18169cf6a5e0496faeefa85af9a2c1569522615d177631e0fe12ee5849b2?
s=60&d=retro&r=g)

### 󠀁[Very easy to use and does what is says](https://wordpress.org/support/topic/very-easy-to-use-and-does-what-is-says/)󠁿

 [](https://profiles.wordpress.org/miohtama/) 2016 年 9 月 3 日 1 則留言

Now bloggers don’t have to add multiple enter presses if putting multiple align 
left images on the same line.

 [ 閱讀全部 6 則使用者評論 ](https://wordpress.org/support/plugin/clear-floats-button/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Clear Floats Button〉的開發相關工作。

參與者

 *   [ Graffino ](https://profiles.wordpress.org/graffino/)
 *   [ Zeno Popovici ](https://profiles.wordpress.org/zenopopovici/)
 *   [ miguelibero ](https://profiles.wordpress.org/miguelibero/)

[將〈Clear Floats Button〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/clear-floats-button)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/clear-floats-button/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/clear-floats-button/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/clear-floats-button/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/clear-floats-button/)。

## 變更記錄

#### 1.2.5

 * Compatibility with current WP version.

#### 1.2.4

 * Compatibility with future WP version.

#### 1.2.3

 * Update assets.

#### 1.2.2

 * Compatibility with future WP version.

#### 1.2.1

 * Remove unneeded translation strings. Fixes [Issue #12](https://github.com/Graffino/Clear-Floats-Button/issues/12)
 * Compatibility with future WP version.

#### 1.2.0

 * OOP rewrite by @jaredyork

#### 1.1.6

 * Compatibility with future WP version.

#### 1.1.5

 * Compatibility with future WP version.

#### 1.1.4

 * Fix for undefined variable.

#### 1.1.3

 * Cleanup & improved documentation. Added translation tags.

#### 1.1.2

 * Correctly named variable. Fixes [Issue #10](https://github.com/Graffino/Clear-Floats-Button/issues/10)

#### 1.1.1

 * Editor not loading due to SVN processing error. Bumping version & correcting 
   documentation. Sorry for that! Fixes [Issue #8](https://github.com/Graffino/Clear-Floats-Button/issues/8),
   [Issue #9](https://github.com/Graffino/Clear-Floats-Button/issues/9)

#### 1.1.0

 * Changed to inline styling. Fixes [Issue #7](https://github.com/Graffino/Clear-Floats-Button/issues/7),
   [Issue #5](https://github.com/Graffino/Clear-Floats-Button/issues/5)
 * Uses `br` instead of `div`. Fixes [Issue #6](https://github.com/Graffino/Clear-Floats-Button/issues/6)
 * New icon to better represent clearing of floats.
 * Minified assets for performance.
 * Add ‘ctrl + option/alt + f’ shortcut
 * Removed deprecated functions
 * Updated assets, icons, background, screenshot

#### 1.0.10

 * Compatibility with future version of WP

#### 1.0.9

 * This ensures that such themes will not make the divider appear
    taller than intended.
   [Issue #3](https://github.com/Graffino/Clear-Floats-Button/pull/4)

#### 1.0.8

 * Compatibility with future version of WP

#### 1.0.7

 * Fixed miss interpretation of TinyMCE api regarding custom_elements. This prevented
   the plugin from working in IE [Issue #3](https://github.com/Graffino/Clear-Floats-Button/issues/3)

#### 1.0.6

 * Compatibility with future version of WP

#### 1.0.5

 * Fixed stripping of IDs on DIVs – Extended valid elements fix for cases in which
   extended elements are not defined [Issue #1](https://github.com/Graffino/Clear-Floats-Button/issues/1)

#### 1.0.4

 * Fixes not loading CSS when user is not logged-in [Issue #2](https://github.com/Graffino/Clear-Floats-Button/issues/1)

#### 1.0.3

 * Updated assets for WP Plugin Directory (2)

#### 1.0.2

 * Updated assets for WP Plugin Directory

#### 1.0.1

 * Fixed stripping of IDs on DIVs [Issue #1](https://github.com/Graffino/Clear-Floats-Button/issues/1)

#### 1.0.0

 * Created new version from [stale plugin](https://wordpress.org/plugins/tinymce-clear-buttons/)
 * Revamped graphic assets
 * Removed clear:left and clear:right buttons
 * Changed plugin so we don’t have inline styles.

## 中繼資料

 *  版本 **1.2.5**
 *  最後更新 **4 年前**
 *  啟用安裝數 **2,000+**
 *  WordPress 版本需求 ** 2.9 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.0.12**
 *  語言
 * [English (US)](https://wordpress.org/plugins/clear-floats-button/)
 * 標籤:
 * [edit](https://tw.wordpress.org/plugins/tags/edit/)[float](https://tw.wordpress.org/plugins/tags/float/)
   [formatting](https://tw.wordpress.org/plugins/tags/formatting/)[tinyMCE](https://tw.wordpress.org/plugins/tags/tinymce/)
   [wysiwyg](https://tw.wordpress.org/plugins/tags/wysiwyg/)
 *  [進階檢視](https://tw.wordpress.org/plugins/clear-floats-button/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  6 個 5 星使用者評論     ](https://wordpress.org/support/plugin/clear-floats-button/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/clear-floats-button/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/clear-floats-button/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/clear-floats-button/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/clear-floats-button/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/clear-floats-button/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/clear-floats-button/reviews/)

## 參與者

 *   [ Graffino ](https://profiles.wordpress.org/graffino/)
 *   [ Zeno Popovici ](https://profiles.wordpress.org/zenopopovici/)
 *   [ miguelibero ](https://profiles.wordpress.org/miguelibero/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/clear-floats-button/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.me/zenopopovici/)