DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 不提倡將Word中的內容直接拷到網站的編輯器中
不提倡將Word中的內容直接拷到網站的編輯器中
編輯:前端技巧     

問題:為什麼不提倡將Word中的內容直接拷到網站的編輯器中?
解答:直接將Word中的內容拷貝下來粘貼到網站的編輯器中,會產生大量Word自動生成的無用代碼,從而增加了代碼量與頁面的大小,一二篇不要緊,幾十甚至幾百篇後對網站空間及訪問的影響就會較大了。且從Word中拷貝下的內容在網頁中也不一定會全部保證原拷貝Word中的格式。我的建議是:
  1、在文章內容頁面模板中,在控制顯示內容標簽{$ArticleContent} 所在表格中,將後台風格管理中控制文章內容的CSS“main_tdbg_760”(默認為class="main_tdbg_760",您也可以重新定義成新的CSS),定義成您想要顯示文字的大小,如:
.main_tdbg_760 /* 內容表格背景、文字顏色定義(760) */
{
padding: 5;line-height:normal;Word-break:break-all;font-size: 18pt;font-family:宋體;
}
  即定義好文章內容的縮進量(padding)、行高(line-height)、自動換行(Word-break)、文字尺寸(font-size)和字體(font-family)等定義。
  這樣就可以將文章內容默認顯示的格式作一下整體定義。
  2、將Word中的文章內容全選-復制,新建一個記事本文檔進行粘貼,再全選記事本中的內容復制,粘貼到網站編輯器中。整個操作幾秒內即可完成,比直接拷貝Word中內容的優點是:去除了直接拷貝Word文檔內容而產生的大量的無用代碼;缺點是無單獨的字體格式,如標題字體等。有一點要注意:Word文檔內容中的圖片目前無法直接復制到編輯器中。不過您可以將Word文檔另存為html文件而得到這些圖片後,再進行上傳。
  3、在網站編輯器中設置標題等大小,上傳圖片,設置文章格式。
問題:文章內容顯示的行間距是否從CSS裡面設置?如何設置?
解答:我們建議采用CSS控制,即上面說明中“line-height:normal;”,建議設置成“normal;”(默認行高),不要設置如“line-height:150%;”或“line-height:24;”、“line-height:24px;”這樣的固定值。如果設置成了固定值,則在編輯器中設置成大字體時,其行高就會固定在您設置的大小中,從而造成行與行之間重疊的現象。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved