【精品】UCMS 2.0 編輯器使用指南一
時間:2015-01-13
來源:星翼創想(www.ym248s.com)
作者:李飛
自從星翼創想的建站后臺升級成UCMS 2.0之后,許多客戶似乎還沒能適應這個高級的東西,多數人還停留在某些網站建設公司提供的簡陋后臺操作模式,完全跟不上我們的步伐嘛!為了讓各位在使用UCMS的時候,少走彎路,星翼創想小編將會為各位客戶盡量提供詳盡操作指南。
這次,就先從內容編輯器上帶有的工具按鈕開始講解吧!
先上圖,這是UCMS 2.0后臺的編輯器界面:
工具欄的實際效果是這樣的:

下面就開始對各個工具進行講解了,當你了解了這些工具的作用,充分利用它們,將會讓你的后期維護工作變得事半功倍!
1.
HTML代碼工具:
當你點擊這個工具之后,編輯的內容就會變成一堆代碼,如:<span style="font-size:larger;">為了讓各位在使用UCMS的時候,少走彎路,星翼創想小編將會為各位客戶盡量提供詳盡操作指南。</span><br />.......
如果你是懂代碼的,想要在該頁面中加些什么特殊的效果,你可以利用這個工具,隨意編輯。
但,如果你不懂代碼,也有機會用到這個工具哦!例如,你想要給網站加段訪問數據統計的代碼,那么就可以在版權信息編輯框里,點擊
這個工具,然后再把統計代碼加到內容的最最最最......后面。
2.
前進/后退工具:
看到這個工具,是不是想起office 的 word 文檔?沒錯,我們的編輯界面,就是追求實用,并且簡單得像word一樣。(如果你覺得word不簡單,那請忽略我...)。言歸正傳,這個工具的用途,就 是讓你能在操作失誤時,通過后退按鈕,退回到之前的效果。不過這個后退操作,只適用于沒有點擊
提交之前。萬一點了提交呢?對不起,幫不了你了。
3.
預覽工具:
顧名思義,就是預覽你所編輯的內容的效果的。沒什么好介紹的了。
4.
打印工具:
利用這個工具可以把你所編輯的內容打印出來,但基本用不上這個功能。
5.
插入模板工具:
可以用這個工具,插入表格或者文章模板,但模板不多,不如自己編輯更精美的,此工具用處不大。
6.
插入代碼程序工具:
這是一個高級工具,可以在彈窗里插入各種編程語言代碼,一般人用不到,是大神們的專用工具....
7.
剪切、復制、粘貼工具:
此工具作用等同于ctrl+x、ctrl+c、ctrl+v的作用。
8.
粘貼為無格式文本工具:
這個是我最喜歡用的工具,它能幫我把我要粘貼的內容,變成純文本,不帶有任何格式,從而不會影響我所編輯的內容整體效果。因為無論是從word文檔中,或 者是第三方網站復制過來的文字,總會帶有一些不必要的代碼和格式,會搞得我的文字要么有底色,要么字體很小,要么亂碼。而這些“看不見的代碼或格式”會影 響很深遠,無論我怎么調整字體大小/顏色都無補于事。很多客戶也曾遇到過這樣的問題,于是我通通推薦使用這個工具,先把要粘貼進去的文字,過濾掉所有格 式,讓它變成是純文本的(相當于是從txt文檔里的那樣),然后再調整字體大小、顏色、分段、間隔等等。 要得到一個精美的頁面內容,不!能!偷!懶!
9.
從word粘貼工具:
這個工具跟
的用途相似,是用來去掉一些多余的看不見的代碼格式。但他跟
不同的是,他能保留word中編輯的表格樣式,也就是在word里是個表格,利用這個工具粘貼進來,也依然會是一個表格。
10.
內容對齊方式選擇工具(居左、居中、居右、左右對齊):
這組工具跟word中的對齊工具一樣的作用,就是讓你所選中的文字/圖片,有個更美好的顯示方式。其中,第二個“居中”是最常用的,也是大家最迫切需要用到的。以前,我還經??吹阶屛倚乃榈囊荒唬?
為了讓某句話/某張圖居中,竟然在前面敲了N個空格。敲空格也就算了,又經常敲多了,在后臺顯示看著是居中的,可是到了前臺,卻是偏右了,又得重新回去編 輯界面,減少幾個空格......這樣的編輯模式,好累吧? 但相信看到這里之后,大家以后都不會再用那種古老的方式來居中了,直接選中文字/圖片,然后點擊
這個按鈕,就可以居中啦!其他居左、居右、左右對齊,同理。
11.
項目編號工具:
目前我們的網頁css文件是屏蔽了這兩個工具的功能的,因此在此不多做介紹。
12.
下標/上標工具:
通過這組工具,能輕松實現
的效果!只要選中某個字,如“2”,然后點擊下標、上標工具,就可以了。
13.
清除HTML代碼工具和
清除文字格式工具:
這兩個工具分別在編輯器工具欄的第一行和第二行,之所以放在一起講解,是因為他們的作用看似一樣,又很不一樣。
選中內容,然后點這個掃把工具,能把所有的格式都清除,包括文字或者是表格的樣式(如邊框大小,文字居中等)。全部格式都會變成是我們后臺默認的。效果有點像
,但又比他高級一些,因為
掃過之后,表格還能保留。
是只把文字的樣式去掉。其他都不受影響。
14.
一鍵排版功能、全選工具:
這兩個工具是個好幫手,首先用
選中所有內容,然后點
,噔噔噔噔,你會發現每個段落的首行開頭,都自動縮進了兩個字,再也不用一段段敲空格了!
這次,就先從內容編輯器上帶有的工具按鈕開始講解吧!
先上圖,這是UCMS 2.0后臺的編輯器界面:

工具欄的實際效果是這樣的:

下面就開始對各個工具進行講解了,當你了解了這些工具的作用,充分利用它們,將會讓你的后期維護工作變得事半功倍!
1.

當你點擊這個工具之后,編輯的內容就會變成一堆代碼,如:<span style="font-size:larger;">為了讓各位在使用UCMS的時候,少走彎路,星翼創想小編將會為各位客戶盡量提供詳盡操作指南。</span><br />.......
如果你是懂代碼的,想要在該頁面中加些什么特殊的效果,你可以利用這個工具,隨意編輯。
但,如果你不懂代碼,也有機會用到這個工具哦!例如,你想要給網站加段訪問數據統計的代碼,那么就可以在版權信息編輯框里,點擊

2.

看到這個工具,是不是想起office 的 word 文檔?沒錯,我們的編輯界面,就是追求實用,并且簡單得像word一樣。(如果你覺得word不簡單,那請忽略我...)。言歸正傳,這個工具的用途,就 是讓你能在操作失誤時,通過后退按鈕,退回到之前的效果。不過這個后退操作,只適用于沒有點擊

3.

顧名思義,就是預覽你所編輯的內容的效果的。沒什么好介紹的了。
4.

利用這個工具可以把你所編輯的內容打印出來,但基本用不上這個功能。
5.

可以用這個工具,插入表格或者文章模板,但模板不多,不如自己編輯更精美的,此工具用處不大。
6.

這是一個高級工具,可以在彈窗里插入各種編程語言代碼,一般人用不到,是大神們的專用工具....

7.

此工具作用等同于ctrl+x、ctrl+c、ctrl+v的作用。
8.


9.

這個工具跟


10.

這組工具跟word中的對齊工具一樣的作用,就是讓你所選中的文字/圖片,有個更美好的顯示方式。其中,第二個“居中”是最常用的,也是大家最迫切需要用到的。以前,我還經??吹阶屛倚乃榈囊荒唬?


11.

目前我們的網頁css文件是屏蔽了這兩個工具的功能的,因此在此不多做介紹。
12.

通過這組工具,能輕松實現

13.


這兩個工具分別在編輯器工具欄的第一行和第二行,之所以放在一起講解,是因為他們的作用看似一樣,又很不一樣。




14.

這兩個工具是個好幫手,首先用

