オープンソースのウィジウィグエディタ「Trix」を使ってみます。 対応ブラウザ 公式のドキュメント内のBuilt for the Modern Webの項目に記載がありますが、IE11やスマホにも対応しているようです。 導入 まずは簡単な設置と基本的な使い方を試してみます。 GitHubのページから必要なファイルを取得して、読み込みます。 <link rel="stylesheet" type="text/css" href="trix.css" /> <script src="trix.js"></script> 簡易に設置するのみであればJavaScriptの記述は不要で、下記タグを追加するのみで設置できます。 <trix-editor></trix-editor> これでウィジウィグの設置ができました。 設置のデモページ trix-editorはplaceholderの属性も設定でき