discuz门户文章增加代码高亮-建站教程下载

登录/ 注册
站长工具
搜索
广告
大象广告联盟AD 大象广告联盟AD

discuz门户文章增加代码高亮

来自版块: 建站教程 发表于: 2022-1-25 10:34:34
5729
如本资源下载地址失效,请点击此处进行反馈
前台发布文章页展示
20200623172245598.png
解决思路：
第一步：修改\source\module\home\home_editor.php文件
搜索
  1. a.icoSwitchMdi{background-position:-239px -60px;float:right}
复制代码
在其下插入
  1. a.icoCode {background-position:-120px -20px}
复制代码
继续搜索
  1. <a href="javascript:;" class="icoSwf" id="icoSwf" οnclick="createFlash(event, 1);return false;" title="<?php echo lang('home/editor', 'editor_link_flash');?>"></a>
复制代码
在其下插入：
  1. <a href="javascript:;" class="icoCode" id="icoCode" οnclick="createCode(event,1);return false;" title="<?php echo lang('home/editor', 'editor_code');?>"></a>
复制代码
还是继续查找
  1. <div id="createPage" class="eMenu" style="display:none;top:35px;left:26px;width:300px;font-size:12px"></div>
复制代码
在其上插入
  1. <div id="createCode" class="eMenu" style="display:none;top:35px;left:26px;width:400px;font-size:12px">
  2. <!--?php echo lang('home/editor', 'editor_code_tip');?-->:
  3. <select name="codeLanguage" id="codeLanguage">
  4. <option value="php">PHP</option>
  5. <option value="py">Python</option>
  6. <option value="sql">SQL</option>
  7. <option value="vb">Visual Basic</option>
  8. <option value="xml">html/XML</option>
  9. <option value="as3">ActionScript3</option>
  10. <option value="bash">Bash/shell</option>
  11. <option value="csharp">C#</option>
  12. <option value="CSS">CSS</option>
  13. <option value="js">JavaScript</option>
  14. <option value="java">Java</option>
  15. <option value="perl">Perl</option>
  16. </select><br>
  17. <textarea type="text" id="Sourcecode" name="Sourcecode" value=" " style="width:400px;height:200;"></textarea><br>
  18. <input οnclick="createCode();" name="createURL" value="<?php echo lang('home/editor', 'editor_ok');?>" class="submit" type="button">
  19. <a href="javascript:;" οnclick="fHide($('createCode'));return false;"><!--?php echo lang('home/editor', 'editor_cancel');?--></a>
  20. </div>
复制代码
本文件最后一个位置搜索
  1. body { margin: 0; padding: 0; word-wrap: break-word; font-size:14px; line-height:1.8em; font-family: Tahoma, Arial, Helvetica, snas-serif; }
复制代码

在其下插入：
  1. pre {
  2. font-size:9pt;
  3. font-family:Courier New,Arial;
  4. border:1px solid #ddd;
  5. border-left:5px solid #6CE26C;
  6. background:#f6f6f6;
  7. padding:5px;
  8. }
复制代码
第二步：修改\source\language\home\lang_editor.php文件（目的是添加所需语言）
搜索
  1. 'editor_prompt_mp3' => 'mp3 音乐',
复制代码
在其下插入：
  1. 'editor_code_tip' => '请选择代码语言以便于着色',
  2. 'editor_code' => '插入代码',
复制代码

第三步：修改\static\image\editor\editor_base.js文件
在文件的底部插入
  1. /**
  2. *创建代码高亮及着色方法
  3. *Time 2012.3.5 侠客
  4. */
  5. function createCode(e, show) {
  6. if(typeof show == 'undefined') {
  7. var sCode = $('Sourcecode').value;
  8. var sLan = $('codeLanguage').value;
  9. sCode = sCode.replace(/\</g,"<");
  10. if (sCode!=null){
  11. setCaret();
  12. format("insertHTML", '<div><h3>[代码]'+sLan+'代码：</h3><pre class="brush:'+sLan+';auto-links:false;">'+sCode+'</pre></div> <br/>');
  13. }
  14. fHide($('createCode'));
  15. $('Sourcecode').value = ''; //设置初始值
  16. } else {
  17. if(gIsIE){
  18. var e = window.event;
  19. }
  20. getCaret();
  21. var dvCodeBox = $("createCode");
  22. var iX = e.clientX;
  23. var iY = e.clientY;
  24. dvImgBox.style.display = "";
  25. dvImgBox.style.left = (iX-300) + "px";
  26. dvImgBox.style.top = 33 + "px";
  27. }
  28. }
复制代码
搜索
  1. if(fInObj(el, "createUrl") || fInObj(el, "createImg") || fInObj(el, "createSwf") || fInObj(el, "createPage")){
  2. 将其修改为
  3. if(fInObj(el, "createUrl") || fInObj(el, "createImg") || fInObj(el, "createSwf") || fInObj(el, "createPage")|| fInObj(el, "createCode")){
复制代码

继续搜索
  1. icoPage:"createPage"
复制代码
将其就改为
  1. icoPage:"createPage",
  2. icoCode:"createCode"
复制代码
接着继续搜索
  1. var arr = ["fontface", "fontsize", "dvForeColor", "dvPortrait", "divAlign", "divList" ,"divInOut", "editFaceBox", "createUrl", "createImg", "createSwf", "createPage"];
复制代码
将其修改为
  1. var arr = ["fontface", "fontsize", "dvForeColor", "dvPortrait", "divAlign", "divList" ,"divInOut", "editFaceBox", "createUrl", "createImg", "createSwf", "createPage","creatCode"];
复制代码
第四步：修改/template/当前使用模板文件夹/common/header.php文件
搜索
  1. </head>
复制代码

在其上方插入
  1. <style>
  2.     pre {
  3.         font-size:9pt;
  4.         font-family:Courier New,Arial;
  5.         border:1px solid #ddd;
  6.         border-left:5px solid #15A3F4;
  7.         background:#f6f6f6;
  8.         padding:5px;
  9.         overflow: auto;
  10.     }
  11. </style>
复制代码

修改文件部分已结束
最后上传这个压缩包里的文件到根目录就行了：
游客，如果您要查看本帖隐藏内容请回复
discuz，门户，文章，增加，代码，高亮

举报

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块
广告
大象广告联盟AD 大象广告联盟AD

©2015-2022 tuyuanma.com 版权所有 Sitemap.xml

站长邮箱：tuyuanma@qq.com 友链、广告、合作联系QQ：3197813386

本站大量内容为原创，少部分转自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

返回顶部