圖解DevExpress RichEditControl富文本的使用,附源碼及官方API


 

  9點半了,剛寫到1、2。   該回家了,明天繼續寫完。

  大家還需要什么操作,留言說一下,沒有的我明天繼續加。

 

 

  好久沒有玩DevExpress了,今天下載了一個玩玩,發現竟然更新到14.2.5了。。我去。

  本章主題:

  1. 創建項目,窗體搭建
  2. 給RichEditControl添加工具條
  3. 創建自定義的工具條按鈕項
  4. 圖片解析操作
  5. 修正文檔字體
  6. 內容搜索功能
  7. 導入導出功能(文本/HTML/Word)
  8. 官方相關API

廢話不多說,進入正題。

 

一.創建項目,窗體搭建

1.新建C#.NET WinForms應用程序,刪掉默認窗體:

 

2.右鍵項目 - “Add DevExpress Item” - “New Item...”:

 

3.打開新建DevExpress項的窗口,選擇“Form”,新建一個DevExpress窗體項,為窗體命名,在這里我設置的是“FrmMain”:

 

4.展開工具箱 - “Rich Text Editor”,找到RichEditControl並拖放至窗體:

 

5.設置RichEditControl相關屬性:

  > 為RichEditControl重新命名,name屬性改為:“richEditMain”

  > 設置Dock為Fill填充整個窗體。

  > 改掉默認文本,修改Text值為“歡迎光臨孤影博客!”

  > 去掉默認的標尺,設置ActiveViewType屬性為“Simple”,顯得控件更加緊湊,默認是“PrintLayout”打印格式:

 

 

 

二、給RichEditControl添加工具條

.既然是富文本編輯器,那么久有類似博客園編輯器這種的工具條選項:

我們怎么設置呢?難道要自己一個個去寫?當然不是。

DevExpress的RichEditControl為我們提供了非常非常豐富的工具選項,在這里面有兩種形式。

第一種是Ribbon菜單的形式:

 

另一種則是工具條形式的選項組:

 

個人感覺都還是挺不錯的,可以根據項目需要具體選擇哪種形式的。下面來說一下這兩個分別怎么添加:

首先是第一種Ribbon伸展式菜單形式的選項組:

選中RichEditControl控件,右上角會顯示黑色小三角菜單項,單擊,會彈出二級菜單選項:

 

我們首先點擊“Create Ribbon”,創建一個Ribbon菜單,然后再次單擊右上角小三角,會出現很多新建選項:

 

一目了然,第一個“Create All Tabs”肯定是給我們一下創建所有菜單選項了,而下面的每一個,比如“File Tabs”,則是對文件操作相關的選項,這個根據需要,大家自己添加,我為了演示,添加所有了:

 

然后,我們再看看工具條形式的選項組:

 

然后剩下的添加選項,和上面的就一樣了,再次點擊小三角,選擇“Create.....Tabs”即可:

 

這就是添加工具選項了,是不是很簡單很強大?呵呵。

不過個人建議,不要為了顯得多么強大而動不動就全部添加上了,不然顯得很凌亂。

而且,這些選項都已經默認帶了事件處理的了,基本上不需要咱們寫其他的代碼了,所以,用到什么選項添加什么,不用的刪掉就可以了。

 

 

 

 

三、創建自定義的工具條選項

 

 

預知后事如何?明日繼續。。。

 

  9點半了,剛寫到1、2。   該回家了,明天繼續寫完。

  大家還需要什么操作,留言說一下,沒有的我明天繼續加。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM