Title: TinyMCE remove-base-64-image
Author: LingoJon
Published: <strong>2013年3月22日</strong>
Last modified: 2013年7月3日

---

プラグインを検索

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://s.w.org/plugins/geopattern-icon/tinymce-remove-base-64-image.svg)

# TinyMCE remove-base-64-image

 作者: [LingoJon](https://profiles.wordpress.org/lingojon/)

[ダウンロード](https://downloads.wordpress.org/plugin/tinymce-remove-base-64-image.zip)

 * [詳細](https://ja.wordpress.org/plugins/tinymce-remove-base-64-image/#description)
 * [レビュー](https://ja.wordpress.org/plugins/tinymce-remove-base-64-image/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/tinymce-remove-base-64-image/#installation)
 * [開発](https://ja.wordpress.org/plugins/tinymce-remove-base-64-image/#developers)

 [サポート](https://wordpress.org/support/plugin/tinymce-remove-base-64-image/)

## 説明

Firefox allows a user to drag and drop an image from their desktop into the TinyMCE
editor (Visual), where it is immediately converted to base64 code, which is undesirable
as the image file size is much larger than the equivalent added by the standard 
WordPress method because…

 * base64 images are larger than binary images
 * WordPress would normally have ‘crunched’ the image to give various different 
   sizes, including a thumbnail, all smaller than the original

To prevent this, “TinyMCE remove-base-64-image” contains a small piece of javascript
that checks the TinyMCE editor every 1.5 seconds and immediately removes any base64
image found, also displaying an alert message:

‘Sorry, dragging images into the editor is blocked as it will cause your webpages
to load slowly, please use the “Add Media” button!’.

If you manage multiple WordPress sites this plugin will save you time checking if
your clients are unwittingly crippling their page downloads.

A [PixelTiger](http://www.pixeltiger.co.uk/program.html) plugin.

### Developer Notes

I am aware that using setInterval to detect a freshly dropped image is not ideal
from a theoretical standpoint as most of the time it’s unnecessary and it could 
impact TinyMCE performance, albeit by a tiny amount. If you check the TinyMCE forums
you will find another suggested method: [Disable drag/drop facility](http://www.TinyMCE.com/forum/viewtopic.php?id=5090)(
last post by Arvind, 2012-07-09) which involves modifying tiny_mce.js to detect 
the DOMNodeInserted event then deleting the new image node. While this seems sound,
if you try to locate the ‘_addEvents function section’ mentioned you’ll find it’s
not in tiny_mce.js version 3.5.8-wp. I also searched the TinyMCE documentation for
a way to bind this event in a plugin, but no joy there either.

So if you’re a javascript genius feel free to make this plugin redundant with a 
DOM checking one. Until that time arrives I hope people find this useful.

## スクリーンショット

[⌊This shows the javascript alert message produced by dropping an image into the
TinyMCE editor.  If you want to change it edit line 13 of /removeBase64/editor_plugin.
js⌉⌊This shows the javascript alert message produced by dropping an image into the
TinyMCE editor.  If you want to change it edit line 13 of /removeBase64/editor_plugin.
js⌉[

This shows the javascript alert message produced by dropping an image into the TinyMCE
editor. If you want to change it edit line 13 of /removeBase64/editor_plugin.js

## インストール

 1. Upload the folder `tinymce-remove-base64-image` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## FAQ

  Why does this plugin sometimes take more than 1.5 seconds to give an alert

“TinyMCE remove-base-64-image” can only remove an image and alert the user after
browser conversion of the image to base64 code has completed, and this takes longer
for large images.

  Why doesn’t this plugin work with my theme?

Make sure you have the following hook in your theme’s header.php file just before`
</head>`:

    ```
    <?php wp_head(); ?>
    ```

  Does this plugin have any javascript dependencies?

Only TinyMCE, the default WordPress editor.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

TinyMCE remove-base-64-image はオープンソースソフトウェアです。以下の人々がこのプラグ
インに貢献しています。

貢献者

 *   [ LingoJon ](https://profiles.wordpress.org/lingojon/)

[“TinyMCE remove-base-64-image” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/tinymce-remove-base-64-image)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/tinymce-remove-base-64-image/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/tinymce-remove-base-64-image/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/tinymce-remove-base-64-image/)
を [RSS](https://plugins.trac.wordpress.org/log/tinymce-remove-base-64-image/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.2

Corrected folder name in path.

#### 1.0.1

Fixed broken path to editor_plugin.js caused by WP_PLUGIN_URL no longer working 
in WordPress 3.5.2. Now uses plugins_url(). Also simplified javascript to use setInterval
without unnecessary closure.

#### 1.0.0

First version released.

## メタ

 *  バージョン **1.0.2**
 *  最終更新日 **13年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 3.5.1またはそれ以降 **
 *  検証済み最新バージョン: **3.5.2**
 *  言語
 * [English (US)](https://wordpress.org/plugins/tinymce-remove-base-64-image/)
 * タグ
 * [base64](https://ja.wordpress.org/plugins/tags/base64/)[Firefox](https://ja.wordpress.org/plugins/tags/firefox/)
   [image](https://ja.wordpress.org/plugins/tags/image/)[tinyMCE](https://ja.wordpress.org/plugins/tags/tinymce/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/tinymce-remove-base-64-image/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/tinymce-remove-base-64-image/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/tinymce-remove-base-64-image/reviews/)

## 貢献者

 *   [ LingoJon ](https://profiles.wordpress.org/lingojon/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/tinymce-remove-base-64-image/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](http://www.pixeltiger.co.uk/plugins-public.html#donate)