1. 程式人生 > >原始碼釋出:一個Angular寫得Markdown編輯器

原始碼釋出:一個Angular寫得Markdown編輯器

一直想寫一個Angular2+的分享,但是沒有一個好的切入點。前段時間我向分享Chat的白宦成老師請教markdown的問題,他向我推薦Typora編輯器,我覺著這就是我一直想要的Markdown編輯器,於是我就想到了這個主題。當然,我的水平一時是難於寫出Typora那樣的編輯器的,但人生已經如此艱難,大家就不要拆穿了,我主要是想通過一個實際應用分享一下Angular(文中提到的Angular指的都是Angular2+,實際版本是Angular5)的開發過程,主要內容包括:

  • Angular專案建立
  • Angular中的服務
  • Angular中使用第三方傳統庫
  • 打包桌面版本
  • 製作一個安裝程式

Angular專案的預設語言是TypeScript,如果你不太熟悉請看我的另外一個Chat:TypeScript快速入門

本Chat的目錄如下:

目錄

瞭解Chat詳細內容請掃碼加入:

Chat邀請卡

參考資料

相關推薦

原始碼釋出一個AngularMarkdown編輯

一直想寫一個Angular2+的分享,但是沒有一個好的切入點。前段時間我向分享Chat的白宦成老師請教markdown的問題,他向我推薦Typora編輯器,我覺著這就是我一直想要的Markdown

金山WPS Office 2019正式釋出一個軟體操作Word、Excel、PPT

       7 月 3 日,金山在北京奧林匹克塔召開了主題為“簡單·創造·不簡單”的雲·AI 未來辦公大會,正式釋出了了 WPS Office 2019,WPS 文件以及 WPS Office for Mac 等三款新軟體,幫助使用者提升辦公效率。  據悉,WPS Office 2019 將文字、表格、PD

使用Markdown編輯博客

ali enc 部分 mat n) ade 服務 序列圖 $$ 歡迎使用Markdown編輯器寫博客 本Markdown編輯器使用StackEdit修改而來,用它寫博客,將會帶來全新的體驗哦: Markdown和擴展Markdown簡潔的語法 代碼塊高亮 圖片鏈接和圖片上

從零開始造一個Markdown編輯(一)

實時 需要 自己實現 自己 背景 學習正則表達式 tex ID img 背景 最近學習正則表達式,於是要挑一個練手項目,恰好對markdown編輯器十分感興趣,於是就進行了一些常識。做了一個簡單的markdown解析器和編輯器。 網頁端的地址(不支持文件的操作): http

51CTO博客2.0-Markdown編輯脈絡清晰的排版速成班

TP 代碼 鼠標 鏈接 阿拉伯 一行 water RM 2.0 基礎: 1.【語法】請參看《51CTO博客2.0-Markdown編輯器使用技巧》2.【內容】 文章總標題&作者個人姓名介紹,不要放在正文3.【空行】使用markdown語法的段落,上下段之間空一行,避

CSDN新版Markdown編輯(Alpha 2.0版)使用須知

感謝大家一直支援CSDN Markdown編輯器,每一次改動和優化,都是努力讓你的寫作體驗變得更好。這次我們更新了以下內容: 1. 我們重構了MD編輯器程式碼,比起以前更穩定,速度也更快; 2. 增加了儲存功能; 3. 支援圖片拖拽上傳; 4. 支援

轉載歡迎使用CSDN-markdown編輯

【轉載】歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: 強調內容重點內容Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UM

歡迎使用CSDN-markdown編輯這是我的第一個csdn博文

歡迎使用Markdown編輯器 你好! 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章,瞭解一下Markdown的基本語法知識。 新的改變 我們對Markdown編輯器進行了一些功能

整理幾款好用的Markdown編輯

Markdown 是一種簡單的、輕量級的標記語法。使用者可以使用諸如 * # 等簡單的標記符號以最小的輸入代價生成極富表現力的文件。 Markdown具有很多優點: 寫作中新增簡單符號即完成排版,所見即所得。讓你專注於文字而不是排版。 格式轉換方便,Markdo

程式設計師第一步如何使用CSDN-markdown編輯

程式設計師的第一步 歡迎使用Markdown編輯器 你好! 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章,瞭解一下Markdown的基本語法知識。 新的改變 我們對Markdown編

markdown編輯技術介面文件

一直想找一套開源程式來寫介面文件,看過showdoc,swagger之類的,感覺都不是很方便 ,後來發現還是用markdown寫技術介面文件比較方便! 寫md檔案推薦使用gitbook 下載地址 https://www.gitbook.com/editor/

CSDN-markdown編輯語法字型、字號與顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註

輕量級團隊協作工具 Kooteam 0.1.0 釋出-新增Markdown編輯

   本次依舊是一次穩定性版本釋出,簡化應用部署流程,內建靜態資源服務,解除nginx依賴,主要更新如下。 更新記錄    1. 知識庫,增加markdown編輯器    2. 修復流程圖圖形全選異常    3. 修復

editormd實現Markdown編輯文章功能

集成 article 置頂 add 開源 發布 relative ont gets 想在項目裏引入Markdown編輯器實現寫文章功能,網上找到一款開源的插件editormd.js 介紹網站:https://pandao.github.io/editor.md/exampl

Angular整合Editor.md的Markdown編輯,支援NgModel雙向繫結

說明 最近用angular做後端,需要用到markdown編輯器,網上找了許多,有html的,但是搗鼓了半天發現無法使用NgModel繫結;也有angular寫的模組,但是整合到專案後發現不是很漂亮。 後來無意間在部落格園中看到了一位網友推薦的markdow

歡迎使用CSDN-markdown編歡迎使用Markdown編輯部落格歡迎使用Markdown編輯部落格歡迎使用Markdown編輯部落格歡迎使用Markdown編輯部落格

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列圖和

使用Markdown編輯部落格需要注意到的操作

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列圖和

Mac 歡迎使用CSDN-markdown編輯

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列圖和

TinyXML一個優秀的C++ XML解析

讀取和設定xml配置檔案是最常用的操作,試用了幾個C++的XML解析器,個人感覺TinyXML是使用起來最舒服的,因為它的API介面和Java的十分類似,面向物件性很好。 TinyXML是一個開源的解析XML的解析庫,能夠用於C++,能夠在Windows或Linux中編譯。這個解析庫的模型通過解析XML檔案,

Vue實現一個MarkDown編輯

Vue實現一個markdown編輯器 前段時間做專案的時候,需要一個Markdown編輯器,在網上找了一些開源的實現,但是都不滿足需求 說實話,這些開源專案也很難滿足需求公司專案的需求,與其實現一個大而全的專案,倒不如實現一個 簡單的,易於在原始碼上修改的專案,核心功能都有的,以供修改使用 本文的原始碼地址如