Posts

Showing posts from August, 2016

[Visual Studio] 使用Team Service進行系統開發心得整理

Image
前言:
身為C#的Code guy仆街當然會有自己私下開發的專案,遇到Versioning Control或者Scrum的時候就比較麻煩。用Github不是不好,不過有些時候專案只是想一個人使用就不行。最近開始試用Microsoft 的Team foundation Service,直接把經驗記錄下來當個筆記。

安裝:


1. 在Team Service建立專案:


首先建立一個Team Service Location (還沒申請的話可以按這裡申請)


在Team Service頁面(https://xxxxx.visualstudio.com)中「Recent Projects & teams」中選擇「New」,彈出視窗後填寫資料,然後按「Create project」。



生成專案需要一點時間,完了以後會出現以下畫面,按「Navigate to project」



順利產生專案



2. 連接Visual Studio

小弟使用的是Visual Studio 2015。先打開VS,按右邊的「Team Explorer」,在「Manage Connections」中選擇「Connect to Team Project」


按下右邊的「Servers」,選擇「Add」,加入Team Service的https路徑


選擇你剛新增的專案,按「Connect」就完成囉
3. Push/Pull

[ASP.NET MVC] Rich Text Editor 安裝心得 (以TinyMce為例)

Image
前言:

最近小弟幫公司開發的系統內需要撰寫郵件及發送,所以要找一個Rich Text Editor放在系統內。網路上找到TinyMCE口碑不錯,決定使用它。還蠻夠隨便
TinyMCE官網:https://www.tinymce.com/


安裝:
先用Visual Studio打開專案,選擇Tools➜Nuget Package Manager➜ Manage NuGet Packages for Solution


在「Browse」中輸入「TinyMCE」按「Search」找到以後在右邊選擇你的Project後按「Install」。
(小弟試過安裝的時候Visual Studio會像當掉一樣持續幾分鐘沒反應,不用最後還是成功嚇死寶寶了)

安裝成功後在「Solution Explorer」中找到「Scripts」資料夾,底下應該會出現一個叫「tinymce」的子資料夾



TinyMCE好處是Model或者ViewModel變化不大。開啟要加入TinyMCE的Model或者VIewModel,把需要變成TinyMCE的欄位加入 [AllowHtml] 的Data Annotations。

再來找出要加入TinyMCE的View,在Section Scripts中加入相對應Reference。
然後在View加入以下Javascript (如果要客制化Editor的話官網有文件可以查) <script type="text/javascript"> // Initialize your tinyMCE Editor with your preferred options tinyMCE.init({ // General options mode: "textareas", theme: "modern", // Theme options theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,…