JavaScriptでエディタ作った

数学とかの文字が打ちやすいエディタを作りたかったので簡単そうだったJavaScriptでエディタ作ってみました。はじめて触ったのでいろいろ粗いです。
コード自体はほとんど
https://ics.media/entry/8401/
https://github.com/ics-creative/150819_electron_text_editor
上二つからパクったのと何行かコードを追加したのとPDF化できるようにしただけです。
PDF化のほうもpdfmakeっていうのがあったのでそれをもってきただけです。
https://github.com/bpampuch/pdfmake
追加した機能は¹²³⁴⁵⁶⁷⁸⁹⁰をCtrlキーと一緒に数字キーを押すとテキストに書いてくれるものです。

もとのコードを読んでいる前提ですが追加した機能の部分だけコードを書いておきます。gitのやつ

https://github.com/inaccuracy3/myeditor

今後追加したら都度のせていきますたぶん。

このファイルと同じ階層でpdfmakeを落として使ってます。
pdfmakeの使いかたダウンロードの仕方などについてはこの記事がわかりやすかったです。
https://qiita.com/shuhei_sakiyama/items/ef68d49b7199d50a853b

また日本語対応などしたい場合はこの記事がわかりやすかったです。
https://qiita.com/watame/items/5f82abead68db483d6f2

上記の記事ではgulpが必要らしいのでいれました。
やりかたは古い記事ですが下のものがわかりやすかったです。
https://app.codegrid.net/entry/gulp-1

以上です。
ace.jsかなんかが便利すぎて面白くないので自分でどうにか代わりのものを作りたいですね。

追記
ace.jsのコードを見てみたんですがそもそもJavaScriptを一切しらないところからなので全く分かりませんでした。
insert,setValue,getValueなどの関数があったので該当するファイルを探せばなにかあるかと思いましたが全然見つけられなかったです。エディタの中でace.jsに求めている機能はtextareaの部分しかないと思っているのでそっちの方をうまくいじっていきたいです。
ace.jsに興味がある方用にリンク貼っときます。
https://github.com/ajaxorg/ace

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA