顯示具有 Monaco 標籤的文章。 顯示所有文章
顯示具有 Monaco 標籤的文章。 顯示所有文章

[Javascript] Monaco Editor 試作一個寫部落格時候的程式碼呈現工具

2021-10-26

因為我是用 Google Blogger 來寫部落格,但是身為一個寫程式碼的部落客,常常要貼程式碼

我改過很多版本,有時候使用 gist  分享程式碼,有時候使用 JSFiddle ,我是覺得都不錯,但是其實分享C# 的時候有點麻煩,就是要去 gist 貼 code ,或是 有時候我會使用 http://hilite.me/ 這網站來美化我的程式碼。

這時候我在想既然我最近都在用 Monaco Editor 這時候我在想有沒有可能用來使用當作分享程式碼的工具..




[Javascript] Monaco Editor 加入自訂的自動提示 auto hint , auto complete , intelligent sense

2021-10-25

上一篇文章,我們對 Monaco Editor 測試了一些功能 關於設定摺疊程式碼,註冊鍵盤事件,取得選取文字

今天我們來加入一個 令人雀躍的功能,就是加入智能提示的功能 intelligent sense

下面測試範例都皆是使用 Monaco Editor  撰寫 javascript 語言,假設你原本就有設計一些內建的 function

你希望客戶在寫的時候就有你的程式碼的 auto hint( intelligent sense ),就會需要用到這功能。

接下來我們就來看看要怎麼做到..



[Javascript] Monaco Editor 設定摺疊程式碼,註冊鍵盤事件,取得選取文字

2021-10-22

上一篇文章 (Monaco Editor 一套很好用的編輯器套件快速入門上手),我們介紹了關於 Monaco Editor ,今天介紹一些我比較常用到的操作

筆記一下,方便之後我直接複製貼上,主要有 註冊鍵盤事件,加上 region/comment 行號,摺疊/展開 region 的程式碼




[Javascript] Monaco Editor 一套很好用的編輯器套件快速入門上手

這陣子,遇到一些麻煩的專案,會用到一些程式碼編輯的部分,是要給客戶編輯(現在客戶都很猛?),這時候就遇到了 summernote 不能滿足客戶了,但是這時候我就需要一個程式碼編輯器,當然可以用傳統的 textarea + codemirror ,但是後來因為 Dino 哥的介紹,後來找到了 Monaco Editor ,這東西用起來就是屌炸天啊,根本就是線上版的 Visula Code 。




當麻許的超技八 2014 | Donma Hsu Design.