建站技術網專注分享網站建設技術,網站建設教程,真正幫你學會做網站技術,輕松解決網站建設過程中遇到的常見問題,為廣大站長服務。 網站地圖 | 收藏本站 | 訂閱
域名投資,就來找米網,認準網址:www.zhaomi.cc 專業仿站,就到仿站網:www.fangzhan.org
  站內公告: ·帝國cms教程內容已更新,歡迎關注     ·建站技術網采用阿里云服務器,備案已通    
您當前的位置:建站技術網 > cms教程 > 帝國cms教程

通過syntaxhighlight實現帝國cms代碼高亮/語法高亮(二) 在編輯器中加載

時間:2019-04-30 23:50:33  來源:網絡收集  整理: 建站技術網 www.txwlqq.com     點擊:0次
在進行整合之前,首先要保證syntaxhighlight能在網站中正常使用。請先看syntaxhighlight實現帝國cms代碼/語法高亮。

1.這時候需要下載另外一個插件:

地址:http://psykoptic.com/userfiles/files/FCKEditor-syntaxhighlight_2.1.0.zip
2.將syntaxhighlight2解壓到e/admin/ecmseditor/infoeditor/editor/plugins目錄,如圖

4解壓到.jpg

3.syntaxhighlight2的lang文件夾新建文件zh-cn.js,這其實是對syntaxhighlight的漢化。

內容如下:

復制代碼
代碼如下:

FCKLang.SyntaxhighlightBtn = '插入/編輯高亮源代碼';
FCKLang.DlgSyntaxhighlightTitle = 'Syntax Highlighter 2';
FCKLang.SyntaxHightlightTab1 = '源代碼';
FCKLang.SyntaxHightlightTab2 = '高級選項';
// source code tab
FCKLang.SyntaxHightlightLang = '選擇語言';
FCKLang.SyntaxHightlightEnterCode = '輸入代碼';
// advanced tab
FCKLang.SyntaxHightlightGutter = '行號';
FCKLang.SyntaxHightlightGutterDetail = '隱藏行號';
FCKLang.SyntaxHightlightNoControls = '工具面板';
FCKLang.SyntaxHightlightNoControlsDetail = '隱藏工具面板.';
FCKLang.SyntaxHightlightCollapse = 'Collapse';
FCKLang.SyntaxHightlightCollapseDetail = '代碼塊是否默認折疊。(controls need to be turned on)';
FCKLang.SyntaxHightlightLineCount = '起始行號';
FCKLang.SyntaxHightlightLineCountDetail = '該配置項允許修改起始行的行號. 默認值為 1.';
FCKLang.SyntaxHightlightShowcolumns = '顯示列';
FCKLang.SyntaxHightlightShowcolumnsDetail = '在第1行顯示列.(好像沒有效果)';
FCKLang.SyntaxHightlightLines = '顯示高亮行';
FCKLang.SyntaxHightlightLinesDetail = '該配置項用來著重顯示某些代碼行。例如 <em>3,10,15</em>.';
FCKLang.SyntaxHightlightInformation = '<strong>注意:</strong>該插件必須配合<strong>Java Script SyntaxHighlighter</strong><a target="_blank">alexgorbatchev.com</a>使用. 如果您的網站沒有配置SyntaxHighlighter,該插件不會有任何效果!';


4.修改e/admin/ecmseditor/infoeditor/fckconfig.js文件


復制代碼
代碼如下:

FCKConfig.Plugins.Add('syntaxhighlight2','zh-cn');
// default language options:
// c++,csharp,css,delphi,java,jscript,php,python,ruby,sql,vb,xhtml
FCKConfig.SyntaxHighlight2LangDefault ='css';


5加載.jpg

5.接著修改該文件的FCKConfig.ToolbarSets["Default"]值,找到FCKConfig.ToolbarSets["Default"]相關項,添加SyntaxHighlight2按鈕。

6添加按鈕.jpg
?
?

6.清空瀏覽器緩存,重新登錄,在編輯器上出現syntaxhighlight2按鈕。


7按鈕效果.jpg

?

單擊該按鈕,出現syntaxhighlight2插件的對話框,如下圖


?8按鈕效果2.jpg

9按鈕效果3.jpg
??
至此我們完成了帝國cms6.6整合syntaxhighlight,實現了內容頁面代碼高亮。

標簽:
文章標題:通過syntaxhighlight實現帝國cms代碼高亮/語法高亮(二) 在編輯器中加載
文章網址:http://www.txwlqq.com/cmsJiaocheng/diguocms/10397.html
上一篇:帝國cms(ecms)在使用中的常見問題分析與解答
下一篇:帝國CMS7.0實現記錄所有瀏覽訪問的會員的方法
來頂一下
返回首頁
返回首頁
相關文章
    無相關信息
推薦資訊
如何通過SEO優化排名賺錢?SEO賺錢方法
如何通過SEO優化排名賺
seo優化教程:網站seo內容優化
seo優化教程:網站seo
SEO細節:企業SEO如何快速為新站做出效果
SEO細節:企業SEO如何
電商技術將如何發展?2018年有這五個大膽預測
電商技術將如何發展?
最新文章
欄目更新
欄目熱門
成人黄色