亚洲国产精品成人无码区,公天天吃我奶躁我的比视频,亚洲国产欧美视频亚洲国产精品一区二区成人片不卡,天天躁日日躁狠狠躁视频2021,起视碰看97视频在线少妇久久久久久人妻无码, 芒果乱码一线二线三线新区 ,亚洲熟妇无码AⅤ不卡在线播放,人妻少妇乱子伦无码专区

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

方維網(wǎng)絡(luò)教你如何打造個性化ckeditor網(wǎng)頁編輯器

發(fā)表日期:2014-11-22 00:00:00   作者來源:方維網(wǎng)絡(luò)   瀏覽:5218   標(biāo)簽:ckeditor    網(wǎng)頁編輯器    

網(wǎng)頁編輯器對于一個完整的網(wǎng)站是必不可少的,企業(yè)網(wǎng)站的內(nèi)容需要后臺編輯,要使用編輯器來實現(xiàn)自定義內(nèi)容管理,節(jié)省維護(hù)費用。部分需要投稿的網(wǎng)站,前臺也需要提供一個編輯器給用戶編輯投稿內(nèi)容。

、世界上歷史最悠久、代碼最干凈、兼容性最好、擴(kuò)展型不錯的網(wǎng)頁編輯器就算是ckeditor了,但網(wǎng)頁編輯器構(gòu)造非常復(fù)雜,要了解其中的所有原理非常困難,那么,如何實現(xiàn)自定義工具欄來打造屬于自己的編輯器呢?以下方維網(wǎng)站建設(shè)為你一一支招。

一、通過修改config.js文件來選擇自己需要的工具。

1、一般默認(rèn)采用toolbar_Full工具欄,則可以添加、刪除以下數(shù)組項來實現(xiàn)增減工具欄或者改變工具欄位置:
config.toolbar = 'MyToolbar';
config.toolbar_Full =
            [
                ['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
                ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
                ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
                ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
                ['BidiLtr', 'BidiRtl'],
                '/',
                ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
                ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'CreateDiv'],
                ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
                ['Link', 'Unlink', 'Anchor'],
                ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
                '/',
                ['Styles', 'Format', 'Font', 'FontSize'],
                ['TextColor', 'BGColor'],
                ['Maximize', 'ShowBlocks', '-', 'About']
            ];
2、自定義字體:config.font_names = '宋體;黑體;微軟雅黑;Arial';
3、自定義背景顏色 : config.uiColor = '#FFFFFF';
4、ckeditor是國際化的編輯器,支持非常多種語言,以下可以設(shè)置成自己喜歡的 config.language = 'zh-cn';
5、自定義換行和段落模式按鍵:
   config.enterMode = CKEDITOR.ENTER_P;
   config.shiftEnterMode = CKEDITOR.ENTER_BR;
6、自定義上傳圖片路徑:

    config.filebrowserUploadUrl = '';
    config.filebrowserImageUploadUrl = '';
    config.filebrowserFlashUploadUrl = '';

二、除了可以自定之外,還可以擴(kuò)展工具欄,增加ckeditor沒有的工具欄
第一步、需要在config.js里修改 config.extraPlugins="h1,h2,h3,p,textindent,flvPlayer,lineheight";這里我增加了一級標(biāo)題、二級標(biāo)題、三級標(biāo)題、段落、縮進(jìn)、FLV視頻播放、行距等工具欄
第二步、在文件夾plugins里相應(yīng)增加對應(yīng)的文件即可。

以下是打造后的截圖
網(wǎng)站編輯器

三、經(jīng)常會出現(xiàn)網(wǎng)站后臺編輯器顯示的內(nèi)容和前臺不一致的問題,主要是因為兩個外部環(huán)境CSS不一致,可以通過修改編輯器里content.css來實現(xiàn)前后一致的顯示效果。

方維網(wǎng)絡(luò)專業(yè)定制網(wǎng)站,歡迎新老客戶咨詢。

如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://www.oulysa.com/news/2380.html
相關(guān)網(wǎng)站設(shè)計案例
国产凹凸在线一区二区| 免费大片aⅤ手机看片不卡| 国产偷久久久精品专区| 国内精品久久久久影院薰衣草| 国产午夜福利不卡在线观看| 国产精品第一区第27页| 亚洲欧美日韩另类小说| 欧洲AV澳门一区二区w | 国产一区二区三区精品视频| 狠狠综合久久久久综合网| 人妻换人妻AA视频麻豆| 久久亚州精品国产精品婷婷| 国内大量揄拍精品视频| 欧美成人午夜一区二区三区| 性开放永久免费视频| 国模AV无码无在线观看| 天天色天天操天天射| 伊人久久大香线蕉AⅤ一区| 久久久久精品无码AV专区| 伊伊人成亚洲综合人网7777| 成人性生交大片免费看中文| H动漫无遮挡成本人H视频| 欧美人与动牲猛交a欧美精品| 99久久久国产精品免费电影影片| 国产精品快餐车在线a| 国产精品亚洲一区二区三区在线| 亚洲无码色色性行为视频| 亚洲国产成人久久一区久久| 国产中文字幕乱人伦在线观看| 男女啪啪高清无遮挡免费| 日韩成人精品不卡午夜在线影院| 国产无遮挡裸体免费视频| 高清完整版高清在线观看 | 午夜性艳史古装,国产一区二| 色综合久久久久综合体桃花网| 国产亚洲精品无码成人| 无码人妻精品一区二区三区夜夜嗨| 欧美黄色精品视频免费观看| 国产成人无码A区在线观看导航| 欧美精品亚洲精品日韩精品| 久久国产精品久久精品国产|