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

DrawIt (draw.io)

説明

DrawIt は WordPress プラグインで、draw.io のウェブサイトとインターフェースして、投稿の編集中に美しい図、フローチャート、図面をインラインで簡単に作成できます。この強力なプラグインは、ダイアグラムの draw.io ソースコードと PNG または SVG バージョンのイメージを保存し、ダイアグラムを再描画せずに更新できる鮮明なイメージを提供します。また、通常、このプラグインなしで行われるように、コンピュータ上のエディタ間で画像を前後に移動させる手間もかかりません。

図を追加する方法は複数ありますが、メディアライブラリ、ビジュアルエディタ、テキストエディタなど、最も便利なものを使用します。

このプラグインは、他の有名なダイアグラムエディタ (Microsoft Visioなど) と同等の機能セットを備えた高品質のダイアグラムおよびフローチャートツールである draw.io Web サイトに直接接続するため、インターフェイスはすでに直感的です。何よりも、それは 無料です!

To-doリスト

  • XML ソース draw.io WP データベースに保存するだけでなく、PNG または SVG に直接 XML ソースを保存するオプションを追加します。

注意

このプラグインは draw.io のウェブサイトを使用していますが、draw.io と提携していません。

スクリーンショット

  • プラグインでの図の作成/編集
  • 新しい図を挿入する多くの便利な方法
  • WordPress ビジュアルエディタから編集するダイアグラムを選択する
  • WordPress のテキストエディタから編集するダイアグラムを選択する

インストール

  1. WP管理 > プラグイン > 新規追加 に移動
  2. 検索フィールドで 「DrawIt」 を検索し、Enter キーを押します。
  3. 「いますぐインストール」をクリック
  4. 「プラグインの有効化」をクリックします。

FAQ

インストール手順
  1. WP管理 > プラグイン > 新規追加 に移動
  2. 検索フィールドで 「DrawIt」 を検索し、Enter キーを押します。
  3. 「いますぐインストール」をクリック
  4. 「プラグインの有効化」をクリックします。
図を編集するにはどうすればよいですか?

すでに作成した図を編集するには、その図 (テキスト投稿エディタのソースコードやビジュアル投稿エディタの画像自体など) を選択し、エディタの DrawIt ボタンをクリックします。

バグや機能要求を報告するにはどうすればよいですか?

すべてのバグや機能リクエストは、WordPress の DrawIt サポートページ または Google+ DrawIt コミュニティから報告してください。

ダイアグラムのソースコードはどこに保存されますか?

ダイアグラムのソースコードは、WordPress のインストールにイメージとともに保存されます。メディアライブラリから画像を削除しない限り、使用されている投稿/ページエディタから画像を開いて編集することができます。

メディアライブラリにのみあり、投稿に挿入されていない図を編集するにはどうすればよいですか?

今のところ、編集できるようにするには、投稿に挿入する必要があります。これについては、後で改善に取り組みます。

SVG 画像にリンクを追加するにはどうすればよいですか? (別名、「安全でない」 SVG 画像とは何ですか?)

SVG イメージ内のリンクを有効にするには、「SVG イメージに安全でないバージョンを使用する」 設定を有効にします。この設定は、SVG 画像を使用する際のトレードオフを参照します。高度なSVG機能 (画像内にクリック可能なリンクがあるなど) を使用できるようにするには、これを有効にする必要があります。しかし、トレードオフは、これが生の SVG コードを Web ページに挿入し、セキュリティホールを導入することです。サイト上にあるすべての可能なソースまたは SVG ファイルの作成者を信頼しない限り、このオプションを有効にしないでください。このオプションを有効にすることのもう1つの副作用は、ポストエディタの画像コードが、エディタを多くの生の [drawit-svg ...] SVG データからきれいに保つのに役立つ形式のショートコードに置き換えられることですが、ビジュアルエディタで画像を見ることもできません。

あなたのウェブサイトで SVG 画像を使用することの脆弱性についてもっと読んでください – ここに非常に簡単な紹介があります: WordPress の SVG アップロード (不都合な真実)

評価

2021年8月3日 1 reply
Escuse for my english... I wanted to use this plugin in my 5.8 WordPress installation, but it didn't work because of changing of Drawio.it web service to embed draw diagrams, and the error visualized reference a new url for embedding new service: "embed.diagrams.net" Were 4 years that the plugin wasn't updated, so i decided to experiment something... ... tried to substitute in the installed plugin, in all files where present, only the string: "www.draw.io" in to the string: "embed.diagrams.net" I had to change only two files: drawit.js, drawit.php!! Then I tried again to use DrawIt to draw a diagram, and everything worked well, I could edit a complex schema in a page, with arrows, colours, rotations, and then I could modify it and finally publish correctly the result. I really wish the owner of the plugin update the plugin in this way (or better), because is very usefull for many persons.
2021年3月9日
version 5.6.2 on localhost After understanding that it only is available in classic block it appears to do nothing when pressing the icon
2018年9月27日
Easy to handle and fun to work with. This plugin does everything it says it does and it's doing it well.
2018年4月18日 1 reply
unbelievably easy to use! no learning process, very intuitive. thank you authors! 5 star no brainer. And for that 1-star voter, please give it another shot. if everybody on the highway is driving in the wrong direction, chances you are the problem.
2017年9月14日 1 reply
It simply doesn't work. After installing and activation, no menu is added to my dashboard as if the plugin doesn't exist. A waste of time
2017年8月9日
This plug in requires almost 0 configuration. It works with a button from the text editor. There is no need to download or upload files. Everything is working from within the plug in from a post or a page. I did have to resize WP while editing but this is very minor for me. The ability to create flow charts on the fly within knowledge base articles posts, and pages fast is a big plus.
15件のレビューをすべて表示

貢献者と開発者

DrawIt (draw.io) はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“DrawIt (draw.io)” をあなたの言語に翻訳しましょう。

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

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.1.3

  • 既存の画像を編集する際の警告を修正しました (WP_DEBUG を true に設定している開発者にのみ適用されます)。

1.1.2

  • 新しい高度な SVG 機能を有効にすることによるセキュリティへの影響に関するより多くの通知。
  • 高度な SVG 機能を使用する場合は、リクエスト、欠点、バグに関するフィードバックをサポートページに提供してください。

1.1.1

  • 生の SVG 画像を挿入する機能が追加され、画像内のリンクが機能しやすくなりました (ただし、セキュリティ上のトレードオフがあります)。
  • 設定メニューの新しいオプション。

1.1.0

  • フロントエンドベースのエディタで DrawIt を有効にするオプションを追加しました。
  • その他のマイナーなオプションとバグ修正。

1.0.15

  • SVG は、draw.io サーバーと一致して更新を保存し、base64 でエンコードするようになりました。

1.0.14

  • サーバーが ‘format’ 属性で応答しない場合の回避策 (‘イメージの種類が指定されていません’ エラー)。
  • alert() ポップアップを使用しない、より良いエラーメッセージ(つまり、メッセージをコピー/貼り付けることができます)。

1.0.12

  • 古いバージョンの PHP でバージョン 1.0.10 が壊れる問題を修正しました。

1.0.10

  • SVG 処理の新規 draw.io 処理に必要な更新。アップグレードが必要か、SVG の保存が機能しなくなります。
  • 一時ディレクトリを選択するオプションを追加しました。

1.0.9

  • Mac OS のインストールの一時ディレクトリの問題を修正しました。

1.0.8

  • Windows または WAMPServer ベースのインストールのファイル保存の問題を修正しました。

1.0.7

  • SVG の保存が時々不正な形になる問題を修正しました。
  • エディタの iframe の高さを下げて、不要なスクロールバーを取り除きました。

1.0.6

  • 関数が使用可能になる前に get_plugin_data() への参照を削除しました。

1.0.5

  • 設定ページにバージョンと FAQ のセクションを追加しました。
  • テキストエディタの DrawIt ボタンのテキストを短くして、占有するスペースを減らしました。
  • CSS と JS のエンキューを更新してプラグインのバージョン番号を使用するようにし、更新されたプラグインが古いキャッシュされた CSS と JS を使用しないようにしました。
  • 更新されたプラグイン名

1.0.4

  • エラーメッセージをより明確/便利に更新しました

1.0.3

  • マイナーな美学

1.0.2

  • 保存時のGUIの軽微な変更

1.0.1

  • プラグインをリリース