使ってみるMonacaTweet初めまして、酒巻と申します。IDEの開発を担当しております。紹介したいと思います。IDEという、クラウド上でのシステム開発を実現する開発環境サービスで採用されているエディタで、JavaScriptで作られています。検索や置換、元に戻す、行削除や行移動などの機能VimやEmacsのキーバインディングの利用HtmlやJavaScriptなどのシンタックスハイライトWeb上に容易に埋め込みが可能などのすぐれた特徴を持っています。今回は、実際にWebページにAceを埋め込んで利用するまでの手順を紹介します。ダウンロードまず、Aceのソースコードをダウンロードします。Aceはオープンソースで、GitHubで公開されています。AceのGitHubにアクセスします。GitHubそして、下の図のように「ZIP」ボタンをクリックし、ダウンロードします。ディレクトリのみです。このディレクトリには、ビルドされたAceのソースコードが入っています。その他のディレクトリには、デモやビルド前のソースコードなどが入っています。埋め込み次に、AceをHtmlに埋め込みます。します)を作成し、先ほどのsrcディレクトリと同じ位置に置きます。ace.htmlを以下のように編集します。ace.edit("editor-div");};</script></body></html>編集したら、htmlファイルを開き、エディタが表示されているか確認してみてください。Ctrl+Fで検索、Ctrl+Lで行移動、Ctrl+Zで元に戻すなど、様々な機能が使えます。その他、どのようなショートカットキーがあるかについては、こちらを参照してください。(英語)また、編集結果を取得して利用したい場合は、JavaScriptでeditor.getSession().getValue();とすることで取得することができます。----たったこれだけの手間で、自分のサイトで高機能のエディタを利用することができます。今回紹介した機能以外にも、Aceは様々な機能を持っています。拡張性も高く、容易に機能を追加することが可能です。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。