基於CkEditor實現.net線上開發之路(6)vs開發工具配合一起開發

来源:http://www.cnblogs.com/PlatformSolution/archive/2016/05/05/5462800.html
-Advertisement-
Play Games

上一章講解了利用CKEditor實現了一個簡單的列表功能的查詢,CKEditor編輯器是由js實現的,js是一門非常強大的語法,但是要用它實現Vs開發工具那樣強大編輯器的功能,估計不可能,這就使得CKEditor實現簡單增刪改查還可以,如果要實現複雜功能和樣式展示效果會很難,所以我利用vs開發工具的 ...


上一章講解了利用CKEditor實現了一個簡單的列表功能的查詢,CKEditor編輯器是由js實現的,js是一門非常強大的語法,但是要用它實現Vs開發工具那樣強大編輯器的功能,估計不可能,這就使得CKEditor實現簡單增刪改查還可以,如果要實現複雜功能和樣式展示效果會很難,所以我利用vs開發工具的集成組件,將CKEditor的開發與vs開發可以無縫對接,實現複雜的功能我們可以拷貝下來,放置vs開發工具中,然後編碼實現各種功能。

Vs開發工具集成組件,首先去網站下載WebControlLibrary.dll然後添加到vs工具箱,如下圖:

與CKEditor的工具條控制項對應,如下圖

 

下麵是利用vs開發工具開發一個列表頁面動態圖:

在vs工具中,新建一個頁面,然後拖拽對應控制項,編碼,完成後複製到CKEditor線上編碼界面點擊確定,然後點擊預覽就可以進行預覽,進行最終的展示效果。反之也可以從CKEditor編輯器中將代碼複製到vs開發頁面中,然後進行編碼,從而實現各種功能。

不知道大家有沒有看出來,這裡的控制項屬性設置頁面都是網頁,這樣設置的好處有:

(1)和CKEditor編輯器控制項操作保持了一致,減少了對控制項屬性熟悉的時間。

(2)可以不用連接資料庫,只要能連接網路,有安裝vs開發工具就可以進行本地開發,然後複製到CKEditor編輯器中,即可以實現線上Web開發。

(3)這裡的控制項屬性頁面可以一次性設置控制項所有的屬性,而不像vs其他組件一樣需要分別每個屬性去設置。

(4)網頁版控制項設置屬性可以最大化支持屬性提醒和自動化完成。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • I have known Core Dump for a long time. But I just know it little. Now, I am about to study it. ...
  • Entity Framework Plus 系列文章計劃的已經全部寫完,可能還有其他功能沒有寫到,希望大家能夠多動手,嘗試一下使用,一定會給您帶來一些幫助的。文章全部寫完,也應該出一個目錄方便查看,目錄如下 第一篇 Entity Framework Plus 之 Audit 第二篇 Entity F ...
  • WPFINotifyPropertyChanged使用技巧 public class NotifyPropertyChanged : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; ...
  • 我們線上程編程的時候往往會涉及到線程的通信,通過信號的接受來進行線程是否阻塞的操作。 AutoResetEvent 允許線程通過發信號互相通信。通常,此通信涉及線程需要獨占訪問的資源。 AutoResetEvent 的方法有很多,具體方法和擴展方法請詳見AutoResetEvent類,最常用方法中就 ...
  • 最近學習了下WebApi,WebApi是RESTful風格,根據請求方式決定操作。以博客的形式寫出來,加深印象以及方便以後查看和複習。 1、首先我們使用VS創建一個空的WebApi項目 2、新建實體以及控制器類 3、新建html頁面使用ajax操作 4、通過開發人員工具可以看到如下 WebApi預設 ...
  • ...
  • 最近在研究Xamarin的東西,做到ListView遇到了一些瓶頸,像在數據龐大的情況下,該怎麼針對ListView中的數據分組呢? 基於能力有限的問題,暫時寫了一個只可以實現功能的臨時解決方案,畢竟,樣式和易用性啊還是有點。。。 廢話不多說,直接上代碼吧 首先我寫了一個簡單的ListView和一個 ...
  • 因公司業務需要,需要做一個微信公眾號里的圖片上傳功能,主要用到的技術就是 img轉base64 上到伺服器 話不多說, 貼代碼 先看前端顯示出來的東西 OK 圖片不重要,看代碼 再看js代碼 再看伺服器端代碼 至此, 大家應該能看明白這個微信內置瀏覽器的上傳方法了~ 希望和我一樣的朋友, 繼續加油, ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...