Drawio extension

个人博客地址： 之前画图习惯了用processOn，确实很方便，而且还有多人协作模式，可惜文件数量太有限了，买了一年会员，后面还涨价了，只好另寻出路。 也有在confluence写文档的习惯，然而每次processOn的文件都需要手动截图贴到confluence上，还要留个链接跳转到processOn上以便继续编辑。 跟其他人做协同办公时就很苦恼，想找个更好的解决方案，将文档、绘图和协同办公整合。 后面试用了drawio,有一说一，在使用细节上还是不如processOn方便，不过好在完全免费。 然而drawio的文件存储是个问题，在多人协同的时候，如何共享文件？ 试用了gitlab、github、onedrive等方式，其实都不太方便，一是受限于储存本身的访问，在国内访问不稳定，一是需要多人共同持有这些存储的账号，最后，也不方便与confluence整合。 好在，drawio本身提供了confluence插件，试用后感觉良好，可以直接在页面插入drawio编辑框，保存后也可以直接页面查看绘图，在协同办公角度，这已经是比processOn完美的方案了。 下面记录confluence安装drawio的过程，仅做分享。 下载插件文件 drawio-confluence-plugin-9.5.8.obr在ide中新建个类DrawioLicenseManager，它import的两个类同样创建包名和对应类即可。 package com.mxgraph.confluence.plugins.util;import com.atlassian.confluence.license.LicenseService;import com.atlassian.upm.api.license.PluginLicenseManager;public class DrawioLicenseManager { private PluginLicenseManager pluginLicenseManager; private LicenseService licenseService; public DrawioLicenseManager(PluginLicenseManager pluginLicenseManager, LicenseService licenseService) { this.pluginLicenseManager = pluginLicenseManager; this.licenseService = licenseService; } public boolean isDevLicense() { /*try { LicenseType lt = this.licenseService.retrieve().getLicenseType(); return lt.compareTo(LicenseType.DEVELOPER) == 0 || lt.compareTo(LicenseType.TESTING) == 0; } catch (Throwable var2) { return false; }*/ return false; } public DrawioLicenseManager.LicenseStatus getLicenseStatus() { /*Option licOpt = this.pluginLicenseManager.getLicense(); if (this.isDevLicense()) { return DrawioLicenseManager.LicenseStatus.OK; } else if (!licOpt.isDefined()) { return DrawioLicenseManager.LicenseStatus.NO_LICENSE; } else { PluginLicense license = (PluginLicense)licOpt.get(); if (license.isEvaluation()) { DateTime evalExpDate = (DateTime)license.getExpiryDate().get(); return evalExpDate.isBefore(DateTime.now().minusWeeks(1)) ? DrawioLicenseManager.LicenseStatus.EVAL_EXPIRED : DrawioLicenseManager.LicenseStatus.EVAL_LICENSE; } else { if (license.getError().isDefined()) { if (((LicenseError)license.getError().get()).equals(LicenseError.USER_MISMATCH)) { return DrawioLicenseManager.LicenseStatus.USER_MISMATCH; } if (((LicenseError)license.getError().get()).equals(LicenseError.VERSION_MISMATCH)) { return DrawioLicenseManager.LicenseStatus.VERSION_MISMATCH; } } return DrawioLicenseManager.LicenseStatus.OK; } }*/ return DrawioLicenseManager.LicenseStatus.OK; } public static enum LicenseStatus { NO_LICENSE, EVAL_LICENSE, EVAL_EXPIRED, USER_MISMATCH, VERSION_MISMATCH, OK; private LicenseStatus() { } }} 编译，在target目录下生成DrawioLicenseManager.class文件使用压缩工具，将DrawioLicenseManager.class替换步骤1中下载的obr包中的对应包下对应文件使用管理员账号登录confluence，找到插件管理 -> 上传插件 -> 选择步骤4中的obr包，点击上传 现在进入confluence随意一个页面，点击编辑，选择插入，即可看到draw.io Diagram, 插入后即可在上面进行绘图并保存。 参考：

More than 5 years have passed since last update.CLIDraw.ioLast updated at 2019-12-14Posted at 2019-12-14draw.io をコマンドラインで使いたいダイアグラムを作成するのに便利な draw.io ですが、画像ファイルのエクスポートをコマンドラインで実行できたら、ドキュメントのビルドなんかに使えて便利だろうなと思い調べてみました。drawio-desktop のインストールオンライン番が有名な draw.io ですが、コマンドラインで実行するにはローカル環境にインストールする必要があります。まずは、drawio-desktop のリリースページ からダウンロードしてインストールしてください。補足少し前までは、下記URLにデスクトップ版のインストーラがあったのですが、いつの間にかリンクが消えてますね。 draw.io=/Applications/draw.io.app/Contents/MacOS/draw.io.bash_profile とかに保存しておくと、毎回入力する必要がなくて便利です。Windowsdoskey draw.io="C:\Program Files\draw.io\draw.io.exe" $*doskey とか言うコマンド、初めて知りました。コマンドラインでの実行コマンドラインで実行する準備が整ったので、早速試してみましょう。下記のような、ヘルプページが表示されるはずです。Usage: draw.io [options] [input file/folder]Options: -V, --version output the version number -c, --create creates a new empty file if no file is passed -k, --check does not overwrite existing files -x, --export export the input file/folder based on the given options -r, --recursive for a folder input, recursively convert all files in sub-folders also -o, --output specify the output file/folder. If omitted, the input file name is used for output with the specified format as extension -f, --format if output file name extension is specified, this option is ignored (file type is determined from output extension, possible export formats are pdf, png, jpg, svg, vsdx) (default: "pdf") -q, --quality output image quality for JPEG (default: 90) -t, --transparent set transparent background for PNG -e, --embed-diagram includes a copy of the diagram (for PNG format only) -b, --border sets the border width around the diagram (default: 0) -s, --scale scales the diagram size --width fits the generated image/pdf into the specified width, preserves aspect ratio. --height fits the generated image/pdf into the specified height, preserves aspect ratio. --crop crops PDF to diagram size -a, --all-pages export all pages (for PDF format only) -p, --page-index selects a specific page, if not specified and the format is an image, the first page is selected -g, --page-range .. selects a page range (for PDF format only) -h, --help output usage information画像ファイルをエクスポート画像ファイルをエクスポートするには、次のように実行します。draw.io -xf svg -o diagram.svg diagram.drawioフォルダごとまとめてエクスポートすることも可能なようです。draw.io -xrf png -o output/ input/ドキュメント生成ツールと組み合わせれば、色々と応用がききそうです。21Go to list of users who liked13Register as a new user and use Qiita more convenientlyYou get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

Typeschardet (Python package) for improved encoding detection of text filessudo to use the "run as root" featurepython-bidi (Python package) to display right-to-left file names correctly(Hebrew, Arabic)For enhanced file previews (with scope.sh):img2txt (from caca-utils) for ASCII-art image previewsw3mimgdisplay, ueberzug, mpv, iTerm2, kitty (or other terminal supporting the Kitty graphics protocol), terminology or urxvt for image previewsconvert (from imagemagick) to auto-rotate images and for image previewsrsvg-convert (from librsvg)for SVG previewsffmpeg, or ffmpegthumbnailer for video thumbnailshighlight, bat or pygmentize for syntax highlighting of codeatool, bsdtar, unrar and/or 7zz to preview archivesbsdtar, tar, unrar, unzip and/or zipinfo (and sed) to previewarchives as their first imagelynx, w3m or elinks to preview html pagespdftotext or mutool (and fmt) for textual pdf previews, pdftoppm topreview as imagedjvutxt for textual DjVu previews, ddjvu to preview as imagecalibre or epub-thumbnailer for image previews of ebookstransmission-show for viewing BitTorrent informationmediainfo or exiftool for viewing information about media filesodt2txt for OpenDocument text files (odt, ods, odp and sxw)python or jq for JSON filessqlite3 for listing tables in SQLite database (and optionally sqlite-utils for fancier box drawing.)jupyter nbconvert for Jupyter Notebooksfontimage for font previewsopenscad for 3D model previews (stl, off, dxf, scad, csg)draw.io for draw.io diagram previews(drawio extension)InstallingUse the package manager of your operating system to install ranger.You can also install ranger through PyPI: pip install ranger-fm.However, it is recommended to use pipx instead(to benefit from isolated environments). Usepipx run --spec ranger-fm ranger to install and run ranger in one step. Check current version: Installing from a cloneNote that you don't have