文章物件 export interface Article { IdArticle: number; Title: string; ArticleT...
明天北北基桃沒有放颱風假，大家上班注意安全。今天開始進到 Module 的章節。 Module 允許 Quill 的操作行為與功能實現客製化。有幾個官方支援的模...
今天接著看 Extension 的部分，顧名思義就是和擴充功能相關的 API 使用。 debug 提供除錯用的靜態方法，可以開啟指定層級的 log 訊息，例如：...
今天看 Quill Editor 的 Model 技術文件介紹，根據文件的描述，語意版本控制（Semantic Versioning）不適用於實驗性 API，意...
今天來看 Events 的部分，Event 的使用方式就和 JavaScript 的事件監聽一樣，透過指定的事件名稱來監聽，並執行指定的方法。 text-cha...
檔案上傳ＵＩ實作 <input type="file" class="file-input" (change)=&...
今天繼續配著烤肉和月餅來看 Editor 的部分。Editor API 比前面的操作簡單一些，主要用在判斷使用者的游標或焦點狀態，並提供啟用與禁用編輯功能。 b...
開發總結 這30天，我們從環境建置開始，逐步進入Ionic的開發世界。我們使用許多Capacitor套件和原生功能之間的溝通橋樑，學習如何建立自己的ASP.Ne...
昨天研究並練習關於套用文本的行內與區塊樣式，初步把每個 API 的使用方式都看過一遍，今天輪到編輯器選取功能相關的 API，繼續給他看下去 XD getBoun...
在【Day - 28】時，我們順利的設定好屬於自己的Icon和Splash Screen。但是Splash Screen持續時間非常的短暫，導致APP尚未完全載...
繼昨天的 Contents 相關的 API，今天來看看 Formatting 的部分。 format 根據使用者當前選擇的字串套用文字格式，回傳的 Delta...
一款具有吸引力的APP，Icon和Splash Screen已經成為APP成功的一部分。它們不僅代表著你的品牌形象，也是使用者首次打開APP時的第一印象。因此，...
今天就繼續來看 Content 相關的 API 後半段。 insertEmbed 將嵌入式內容插入編輯器，return 為更改後的 Delta 物件。sourc...
在【Day - 25】中，我們完成歷史對話的儲存，並且已預先建立了一個聊天室功能的資料表。現在，我們將使用這個資料表，來實現一個與ChatGPT左側聊天室選單相...
SQLData @Entity() export class Article { @PrimaryGeneratedColumn() IdArticle...
今天開始來細看 Quill Editor 的技術文件，看看 Quill 有哪些方法可以使用。同時也準備了範例練習，實際呼叫並觀察也許會比較有感覺。這會是一段細節...
在【Day - 25】我們成功實現了歷史對話的儲存功能，讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...
今天我們將一同探討 Quill 背後的兩個關鍵概念：Blot 和 Parchment。雖然這些名詞可能聽起來有些陌生，但它們在 Quill 的運作中扮演了重要的...
在這24天鐵人賽中，我們經常需要測試多種對話情境。但每次重新啟動APP後，之前所有的對話都消失，必須重新開始。為了解決這一問題，今天我們打算實現歷史對話儲存功能...
昨天探討了 Delta，初步有了一些概念，今天就來嘗試練習看看，為了方便查看，先新增一個 quill-editor.service，並將 Delta 相關的練習...
昨天，我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天，我們會加入GPT模型，來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同，我們將利用...
今天初步探討 Quill Editor 資料物件之一，Delta，就一起來了解一下吧。 什麼是 Delta 物件？ 不要被 Delta 這酷酷的名字給嚇到，它其...
軟體名稱 隨身旅遊雜記 開發目標 提供可以記錄旅遊或美食的雜記功能，可以透過關鍵字收尋主題內容，找尋之前撰寫的內容，並可以提供離線查詢功能，可以留存與查詢圖片．...
今天，我們將進一步增強【Day - 22】的文法檢查功能。當檢測到文法錯誤時，3D動畫機器人頭上將出現一個帶有驚歎號的按鈕作為提示。使用者若想進一步瞭解詳情，只...
Quill 作為編輯器的核心優勢在於它提供了豐富的 API 與容易實現客製化的功能。當我們基於 Quill 的 API 實作功能時，可以包成一個 module...
在【Day - 19】時，我們探討了GPT-3.5模型的Function Calling，發現它難以在回覆對話的同時進行文法檢查。另外，我也認為若在和AI的對話...
昨天我們知道如何設定編輯器的 CSS 樣式，並且修改既有的功能按鈕。今天接著研究要如何自訂工具列的內容以及加入自訂功能的按鈕。 自訂工具列：Toolbar Op...
昨天，我們成功運用Function Calling讓GPT-3.5模型按照特定的格式輸出回覆，其中包括「語氣」、「語氣強調」，以及「需要強調的欄位」。今天是Fu...
今天我們將著重於自訂 Quill Editor 的外觀與樣式，讓編輯器更符合專案的設計風格需求。Quill Editor 提供了幾種方法來調整外觀樣式，讓我們一...
在【Day - 19】中，我們成功透過Function Calling功能讓GPT-3.5模型按照指定的格式進行輸出，並且保持了良好的回應速度。今天我們將把Fu...
Terry
Jeff Wu
momochenisme
iThome鐵人賽
看影片追技術