[Javascript] Monaco Editor 試作一個寫部落格時候的程式碼呈現工具
因為我是用 Google Blogger 來寫部落格,但是身為一個寫程式碼的部落客,常常要貼程式碼
我改過很多版本,有時候使用 gist 分享程式碼,有時候使用 JSFiddle ,我是覺得都不錯,但是其實分享C# 的時候有點麻煩,就是要去 gist 貼 code ,或是 有時候我會使用 http://hilite.me/ 這網站來美化我的程式碼。
這時候我在想既然我最近都在用 Monaco Editor 這時候我在想有沒有可能用來使用當作分享程式碼的工具..
標籤: Javascript , Monaco
[Javascript] Monaco Editor 加入自訂的自動提示 auto hint , auto complete , intelligent sense
上一篇文章,我們對 Monaco Editor 測試了一些功能 關於設定摺疊程式碼,註冊鍵盤事件,取得選取文字
今天我們來加入一個 令人雀躍的功能,就是加入智能提示的功能 intelligent sense
下面測試範例都皆是使用 Monaco Editor 撰寫 javascript 語言,假設你原本就有設計一些內建的 function
你希望客戶在寫的時候就有你的程式碼的 auto hint( intelligent sense ),就會需要用到這功能。
接下來我們就來看看要怎麼做到..
標籤: .netcore , 隨貼即用 , Javascript , Monaco
[Javascript] Monaco Editor 設定摺疊程式碼,註冊鍵盤事件,取得選取文字
上一篇文章 (Monaco Editor 一套很好用的編輯器套件快速入門上手),我們介紹了關於 Monaco Editor ,今天介紹一些我比較常用到的操作
筆記一下,方便之後我直接複製貼上,主要有 註冊鍵盤事件,加上 region/comment 行號,摺疊/展開 region 的程式碼
標籤: .netcore , Javascript , Monaco , Visual Studio Code , VSCode
[Javascript] Monaco Editor 一套很好用的編輯器套件快速入門上手
這陣子,遇到一些麻煩的專案,會用到一些程式碼編輯的部分,是要給客戶編輯(現在客戶都很猛?),這時候就遇到了 summernote 不能滿足客戶了,但是這時候我就需要一個程式碼編輯器,當然可以用傳統的 textarea + codemirror ,但是後來因為 Dino 哥的介紹,後來找到了 Monaco Editor ,這東西用起來就是屌炸天啊,根本就是線上版的 Visula Code 。
標籤: .netcore , 隨貼即用 , Javascript , Monaco , VSCode