説明
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 のテキストエディタから編集するダイアグラムを選択する
インストール
- WP管理 > プラグイン > 新規追加 に移動
- 検索フィールドで 「DrawIt」 を検索し、Enter キーを押します。
- 「いますぐインストール」をクリック
- 「プラグインの有効化」をクリックします。
FAQ
- インストール手順
-
- WP管理 > プラグイン > 新規追加 に移動
- 検索フィールドで 「DrawIt」 を検索し、Enter キーを押します。
- 「いますぐインストール」をクリック
- 「プラグインの有効化」をクリックします。
- 図を編集するにはどうすればよいですか?
-
すでに作成した図を編集するには、その図 (テキスト投稿エディタのソースコードやビジュアル投稿エディタの画像自体など) を選択し、エディタの DrawIt ボタンをクリックします。
- バグや機能要求を報告するにはどうすればよいですか?
-
すべてのバグや機能リクエストは、WordPress の DrawIt サポートページ または Google+ DrawIt コミュニティから報告してください。
- ダイアグラムのソースコードはどこに保存されますか?
-
ダイアグラムのソースコードは、WordPress のインストールにイメージとともに保存されます。メディアライブラリから画像を削除しない限り、使用されている投稿/ページエディタから画像を開いて編集することができます。
- メディアライブラリにのみあり、投稿に挿入されていない図を編集するにはどうすればよいですか?
-
今のところ、編集できるようにするには、投稿に挿入する必要があります。これについては、後で改善に取り組みます。
- SVG 画像にリンクを追加するにはどうすればよいですか? (別名、「安全でない」 SVG 画像とは何ですか?)
-
SVG イメージ内のリンクを有効にするには、「SVG イメージに安全でないバージョンを使用する」 設定を有効にします。この設定は、SVG 画像を使用する際のトレードオフを参照します。高度なSVG機能 (画像内にクリック可能なリンクがあるなど) を使用できるようにするには、これを有効にする必要があります。しかし、トレードオフは、これが生の SVG コードを Web ページに挿入し、セキュリティホールを導入することです。サイト上にあるすべての可能なソースまたは SVG ファイルの作成者を信頼しない限り、このオプションを有効にしないでください。このオプションを有効にすることのもう1つの副作用は、ポストエディタの画像コードが、エディタを多くの生の
[drawit-svg ...]SVG データからきれいに保つのに役立つ形式のショートコードに置き換えられることですが、ビジュアルエディタで画像を見ることもできません。あなたのウェブサイトで SVG 画像を使用することの脆弱性についてもっと読んでください – ここに非常に簡単な紹介があります: WordPress の SVG アップロード (不都合な真実)
評価
貢献者と開発者
変更履歴
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
- プラグインをリリース