概要

概要 Monaco EditorでLaTeXをハイライトする機会がありましたので、備忘録です。 Ace Editorを対象にした以下の記事の続編です。 参考になりましたら幸いです。 画面例 デモサイト https://nakamura196.github.io/ace_latex/monaco/ リポジトリ https://github.com/nakamura196/ace_latex/ ソースコード P a > t t t n r e d > > v d t d r r e ) e ) u c c c { ン い ン o c y E n a a l k e l > M = y i i i q p } ; q m m } m } m } ; n r k k k d プ テ プ c r > g e f = o " l v p p u a , u o o ) o ) o ) c e a a a o ル キ ル u i h = c n > = " n c e > t t i t v i n n t } ; n b i r ] c ; n v l t w ; t t g g g c ） ス ） m p t " h a M " s a o = > r h s r R a R a o , D a a n u , o a a a h o i u e e e u } ト } e t m e a m o h t c n " s e s : e e c e c k r ] e c s h l { { { { { { l c l n e r o r { [ { m テ 長 テ n > l n r e n t y o t w r . : ( g o g o e o , f o e e e o o u g m d n n h d f e キ い キ t > " s = a t l a i c c " [ i . i . n o [ [ [ [ [ [ [ [ i . : r s t t t t t t r . e u e W i v o n ス テ ス } > e " c p e E i d = o { h " s l s l i t / / / / / / / / n e i : o o o o o o s e : a : r g ` r i n t ト キ ト ` t v o s s d n t " n t v t a t a z : ( ( ( ( ( ( ( ( e d " t k k k k k k : d g a e \ a p t } ス ; = i : h i e h h f t s e n e n e \ \ \ \ d % i v : [ e e e e e e i g e " p t \ g s } ト " e E / e t r : t i p / r g r g r [ \ { } [ ] . a t s n n n n n n { t e : m : C d i ] 長 U w d / e o " t g s e u u : [ [ ) ) ) ) c * o " t : : : : : : } o t y o o n { い T p i c t r 1 p ( : d a a a a a / / / u ) n r , r , r C " T t d c o g テ F o t d " 0 s { / i g g { - w , , , , m / e . u " " " " " " . o l h r e u , r キ - r o n L 0 : / t n e t e z \ e , w d e c n b b k c c d a e u ( m c a ス 8 t r . a % / c o e s o s A u " " " " n e , o o r r e o r e t m e ) e i p ト " " j T ; / d r w . k . - 3 b b b b t " t f m t a a y m e ( e e , n d h 長 D s e c n / r e s Z 0 r r r r | c h i m e c c w m a ) x " { t } i い c e d X h d . e l e n e ] 0 a a a a d o e n a " e k o e t , " , c c テ o m e t d l r a e o a 9 , , " " ) t h m r o c { い t i . : e i . g r v r " F ] ] / " a e f e r f f f u t テ = t n l v m e ( i c c F , , , ] t ( o g e o o o m b キ " l e 6 i r a { d h o F , " r r g r r r e o ス w e t 0 v . i e T m ] " c m e o r e e e n o ト i > / 0 r n n i r o m + k o y g u o g g g t k 長 d n p . e " d k a ) e n T r n u r r r . } い t p x n t ] : f e n / y t h o d n o o o g テ h m ; e / , o n d , w C a e u : d u u u e キ = / t n " r s " o o i m n : n n n t ス d m b / p f l P ] " r m n e d " d d d E ト e o o n m u a t r , n d m s " : # " : : : l 長 v n r p / n t h o " e , 2 F e い i a d m m c e e v t ] n o " 1 F " " " m テ c c e / o t x i e , t n { # 9 0 0 # # e キ e o r m n i " l d " s l F 6 0 0 4 9 n ス - - : o a o a e L ] y 4 F F F C E t ト w e n c n } n r a , 4 3 F F A 9 B 長 i d 1 a o ) g ( T r 3 " " F F E y い d i p c - ; u " e L u 3 F 5 9 I テ t t x o e a l X a l 6 } } " 0 E d キ h o - d g a T e " , , " " ( ス , r s e i { e t c L e s } " ト @ o d t e o a X } , } } c 長 i 0 l i o x m T t , , , o い n . i t r " m e k h n テ i 4 d o @ , a X e a N B t キ t 0 r 0 n y t o r a ス i . l @ . { d c w t a B i ト a 0 i 0 4 s o o m L e c r K C n 長 l / g . 0 m r a a s e a e o e い - m h 4 . m d t T s c y m r テ s i t 0 0 a s c e i k w m " キ c n g . / n h X n i e o e ) ス a / r 0 m d n t r n , ト l v a / i s t c b s d t 長 e s y m n h o l m s s { い = / " i / i m u a i テ 1 e n v s m e g n i i キ . d / s a e n n ス 0 i v " l n n c ト " t s , a d t y g g 長 o / n s a a r r い r l g n e a テ / o u i e y キ e a a n n ス d d g ト i e e r 長 t r e い o . d テ r m キ . i ス m n ト a . 長 i j い n s テ . " キ m > ス i あ あ ） } 長 い テ キ ス ト 長 い テ キ ス ト カスタム言語の設定方法については、以下のページが参考になりました。 https://microsoft.github.io/monaco-editor/playground.html?source=v0.40.0#example-extending-language-services-custom-languages また、rulesの作成については、ChatGPTの利用が便利でした。 他の方の参考になりましたら幸いです。

概要#

画面例#

デモサイト#

リポジトリ#

ソースコード#

概要

画面例

デモサイト

リポジトリ

ソースコード