ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。

より使いやすいWebベースのエディタを目指すならVue2 editorをベースに作ってみても良さそうです。名前の通り、Vueを使ったエディタです。

Vue2 editorの使い方

メイン画面です。シンプルですっきりとしたUIです。

日本語も使えます。

リストはなぜか横に並びます。

画像はImgrにアップロードされて、それが挿入されます。

Vue2 editorはVueで作られていますので、Vueを使ったWebアプリケーションへの組み込みは容易でしょう。書くのもストレスなく、Markdown風の記法で自動的にWYSIWYGに変換されます。

Vue2 editorはVue/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

davidroyer/vue2-editor: A text editor using Vue.js 2.0 and Quill

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2