如何使用xheditor可視化編輯器
xheditor是基於jQuery的迷你可視化編輯器。用xheditor可以方便快速的製作出一個編輯器出來。因此在開發WEB網站中很常使用。現在我們來看看如何使用xheditor可視化編輯器吧。
操作方法
(01)下載xheditor版本並解壓xheditor版本在網上下載即可。然後把下載下來的zip文件解壓。如下圖所示:
(02)將xheditor文件夾複製粘貼到站點中將解壓完成的xheditor文件夾複製到站點中。
(03)新建文件在Dreamweaver軟件中新建一張HTML文件。創建步驟:找到菜單欄中的【新建】--【文件】--【HTML】即可。
(04)引入4個js文件從xheditor文件夾中拉出4個js文件到HTML的head頭部,如下所示:<script type="text/javascript" src="../xheditor/jquery/"></script><script type="text/javascript" src="../xheditor/"></script><script type="text/javascript" src="../xheditor/xheditor_lang/"></script><script type="text/javascript" src="../xheditor/"></script>
(05)在body主體部分編輯一個textare文本區域代碼,如下所示: <textarea id="Contents" name="Contents" cols="" rows="" style="height:300px; width:600px;"></textarea>
(06)編寫script腳本代碼,定義xheditor<script type="text/javascript"> var categoryData; $("#Contents")itor({ tools:'full', skin:'o2007silver', upBtnText:'上傳', upImgUrl:'' });</script>
(07)預覽效果點擊Dreamweaver菜單欄的地球圖標,選擇在【預覽在360se】中。在瀏覽器中的預覽效果如下所示:
(08)爲了便於理解,貼出全部的代碼,如下所示:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript" src="../xheditor/jquery/"></script><script type="text/javascript" src="../xheditor/"></script><script type="text/javascript" src="../xheditor/xheditor_lang/"></script><script type="text/javascript" src="../xheditor/"></script></head><body> <textarea id="Contents" name="Contents" cols="" rows="" style="height:300px; width:600px;"></textarea> </body><script type="text/javascript"> var categoryData; $("#Contents")itor({tools:'full',skin:'o2007silver',upBtnText:'上傳',upImgUrl:''});</script></html>
特別提示
要記得下載xheditor包並解壓,然後複製粘貼到站點中,引入4個js文件到head頭部內。
-
秀兒是什麼梗?秀兒是你嗎出自哪裏
導語:秀兒最開始是來源於英語單詞“show”,主要是說“展示和表演”的意思,主要還是表達褒義,認爲這個人很厲害很棒的時候可以這樣說,也可以理解爲秀智商的意思,和“陳獨秀”很相似,就是誇獎這個人評論很有意思,讓人不明覺厲,和探祕志一起了解下吧。秀兒是什麼梗?比如之...
-
菠蘿蜜粘液的去除技巧
(01)您好!菠蘿蜜粘液的去除技巧有很多,以下是一些常見的方法:1.使用鹽:將適量的食用鹽倒在菠蘿蜜粘液的區域上,然後用乾淨的抹布或紙巾擦拭即可。(02)2.使用醋或檸檬汁:將醋或檸檬汁倒在菠蘿蜜粘液的區域上,靜置幾分鐘後用抹布或紙巾擦拭即可。3.使用洗潔精:將洗潔精倒在菠...
-
櫟木地板的優缺點是什麼
(01)櫟木地板的優缺點如下:優點:1.櫟木地板具有比較鮮明的山形木紋,觸摸表面有着良好的質感,給人一種高貴、典雅的感覺。(02)2.韌性極好,可根據需要加工成各種彎曲狀,頗具美感。3.地質堅實,製成品結構牢固,使用年限長,適合製作歐式傢俱、中式古典傢俱,顯厚實感,有紅木傢俱的端...
-
錦鯉養什麼顏色最吉利?揭祕錦鯉的風水講究
導語:錦鯉一直都都是十分風靡的高級觀賞魚,在價格方面也是比較誇張的。之前大家也瞭解過史上最貴的錦鯉,相信讓人十分驚訝。不過錦鯉在風水方面也有有一定講究的,不同的顏色有着不同的寓意,下面和探祕志小編一起了解一下。錦鯉養什麼顏色最吉利錦鯉品種根據顏色劃分...