iT邦幫忙

angular相關文章
共有 685 則文章
鐵人賽 Modern Web DAY 30

技術 Day 30:使用 Parchment 實現類似 Medium 的編輯器 - Videos & Tweets

今天來到了挑戰的最後一天,接著把剩下的 Videos 和 Tweets 等自訂 Blot 體驗一遍。 Videos 我們將以和 images 的實現方式來實現...

鐵人賽 SideProject30 DAY 30

技術 Day 30 - 功能開發-15-程式打包與開發總結

程式打包 安裝執行結果 開發流程 環境建立 套件功能測試 系統功能需求定義 後端API開發 功能開發 登入功能 文章列表 文章編輯 使用者管理 地圖標記...

鐵人賽 SideProject30 DAY 29

技術 Day 29 - 功能開發-14-增加圖片紀錄功能

圖片上傳與圖片顯示UI設計 <div class="flex justify-content-start"> &...

鐵人賽 Modern Web DAY 29

技術 Day 29:使用 Parchment 實現類似 Medium 的編輯器 - Dividers & Images

昨天體驗了基本的行內格式 Blot 以及區塊格式 Blot,今天繼續實現類似 Medium 編輯器的最後四個部分,分別為分隔線、圖片、影片、以及推文的自訂功能實...

鐵人賽 Modern Web DAY 28

技術 Day 28:使用 Parchment 實現類似 Medium 的編輯器 - Basic Formatting & myBlot

昨天我們新增了一個元件並初始化 Quill 的核心,今天繼續實現 Medium 編輯器的練習。 實作基礎格式 我們之前提到過,Inline 不貢獻任何格式。這是...

鐵人賽 SideProject30 DAY 28

技術 Day 28 - 功能開發-13-增加google 地圖地點標記

頁面中嵌入Google map 進行顯示 <div class="flex justify-content-start">...

鐵人賽 Modern Web DAY 27

技術 Day 27:使用 Parchment 實現類似 Medium 的編輯器 - 準備工作

昨天透過 Parchement 新增了三種不同的 Attributor,今天來看要如何在編輯器上運用。官方文件介紹嘗試實現一個類似 Medium 的功能編輯器,...

鐵人賽 SideProject30 DAY 27

技術 Day 27-功能開發-12-建立新使用者

新增使用者UI <div class="container"> <div> <div class=...

鐵人賽 Modern Web DAY 26

技術 Day 26:關於 Pachment 的 Attributors

之前有探討過 Parchment 與 Blot,而 Parchment 還有一個屬性器 (Atrributors),今天就來看一下關於 Attributor 的...

鐵人賽 SideProject30 DAY 26

技術 Day 26- 功能開發-11-使用者密碼修改

使用者密碼變更UI <p-tabPanel header="Header II"> <ng-tem...

鐵人賽 SideProject30 DAY 25

技術 Day 25- 功能開發-10-使用者資料編輯

使用者資料編輯UI <p-tabView styleClass="tabview-custom"> <...

鐵人賽 Modern Web DAY 24

技術 Day 24:讀 Quill Editor API 技術文件 - Clipboard 與 Syntax Highlighter Module

連假第三天,終於來到最後的兩個章節,Clipboard & Syntax Highlighter Module。因為篇幅比較沒有那麼多,所以就放在一起看...

鐵人賽 SideProject30 DAY 24

技術 Day 24- 功能開發-9-文章列表編輯與刪除功能

文章列表編輯功能 editArticle(article: any) { void this.router.navigate(['/article',...

鐵人賽 Modern Web DAY 23

技術 Day 23:讀 Quill Editor API 技術文件 - History Module

昨天泡了溫泉,休息一下,繼續看 History module。History module 主要保存文本操作紀錄與處理與 Quill 的 undo 和 redo...

鐵人賽 SideProject30 DAY 23

技術 Day 23 - 功能開發-8-使用者文章輸入驗證與儲存

提供欄位驗證確認資料是否輸入 設定表單: 使用 Template-driven Forms 來建立表單。 定義驗證規則: 使用內建驗證器,Vali...

鐵人賽 Modern Web DAY 22

技術 Day 22:讀 Quill Editor API 技術文件 - Keyboard Module (下)

連假的第一天,今天繼續看 Keyboard module 的 context 剩下的參數以及設定相關的介紹。 offset 當使用者的游標從開始移動到 offs...

鐵人賽 Modern Web DAY 21

技術 Day 21:讀 Quill Editor API 技術文件 - Keyboard Module (上)

今天來看 Keyboard module 的章節。 Keyboard module 支援特定 context 中鍵盤事件的自訂行為。Quill 使用 Keybo...

鐵人賽 Modern Web DAY 20

技術 Day 20:讀 Quill Editor API 技術文件 - Toolbar Module

今天開始第一個內建 module 的介紹,在第六天的時候我們就已經介紹如何自訂工具列,這篇就當作複習,跟著技術文件介紹來練習體驗。 工具列模組 (Toolbar...

鐵人賽 SideProject30 DAY 20

技術 Day 20- 功能開發-5-使用者文章

文章物件開發 <div class="container"> <div> <div class...

鐵人賽 SideProject30 DAY 19

技術 Day 19- 功能開發-4-使用者文章列表-1

文章物件 export interface Article { IdArticle: number; Title: string; ArticleT...

鐵人賽 Modern Web DAY 19

技術 Day 19:讀 Quill Editor API 技術文件 - Modules

明天北北基桃沒有放颱風假,大家上班注意安全。今天開始進到 Module 的章節。 Module 允許 Quill 的操作行為與功能實現客製化。有幾個官方支援的模...

鐵人賽 Modern Web DAY 18

技術 Day 18:讀 Quill Editor API 技術文件 - Extension

今天接著看 Extension 的部分,顧名思義就是和擴充功能相關的 API 使用。 debug 提供除錯用的靜態方法,可以開啟指定層級的 log 訊息,例如:...

鐵人賽 Modern Web DAY 17

技術 Day 17:讀 Quill Editor API 技術文件 - Model

今天看 Quill Editor 的 Model 技術文件介紹,根據文件的描述,語意版本控制(Semantic Versioning)不適用於實驗性 API,意...

鐵人賽 Modern Web DAY 16

技術 Day 16:讀 Quill Editor API 技術文件 - Events

今天來看 Events 的部分,Event 的使用方式就和 JavaScript 的事件監聽一樣,透過指定的事件名稱來監聽,並執行指定的方法。 text-cha...

鐵人賽 SideProject30 DAY 15

技術 Day15-功能規格設計-Api開發設計-5

檔案上傳UI實作 <input type="file" class="file-input" (change)=&...

鐵人賽 Modern Web DAY 15

技術 Day 15:讀 Quill Editor API 技術文件 - Editor

今天繼續配著烤肉和月餅來看 Editor 的部分。Editor API 比前面的操作簡單一些,主要用在判斷使用者的游標或焦點狀態,並提供啟用與禁用編輯功能。 b...

鐵人賽 Mobile Development DAY 30

技術 【Day - 30】完賽啦!- 總結與心得

開發總結 這30天,我們從環境建置開始,逐步進入Ionic的開發世界。我們使用許多Capacitor套件和原生功能之間的溝通橋樑,學習如何建立自己的ASP.Ne...

鐵人賽 Modern Web DAY 14

技術 Day 14:讀 Quill Editor API 技術文件 - Selection

昨天研究並練習關於套用文本的行內與區塊樣式,初步把每個 API 的使用方式都看過一遍,今天輪到編輯器選取功能相關的 API,繼續給他看下去 XD getBoun...

鐵人賽 Mobile Development DAY 29

技術 【Day - 29】Capacitor Splash Screen & StatusBar - 神秘的白畫面和消失的工具列

在【Day - 28】時,我們順利的設定好屬於自己的Icon和Splash Screen。但是Splash Screen持續時間非常的短暫,導致APP尚未完全載...

鐵人賽 Modern Web DAY 13

技術 Day 13:讀 Quill Editor API 技術文件 - Formatting

繼昨天的 Contents 相關的 API,今天來看看 Formatting 的部分。 format 根據使用者當前選擇的字串套用文字格式,回傳的 Delta...