【即将关站通知●已关闭注册功能】,倒计时剩余:计算中...

[Discuz资源] discuz x3.4 替换门户文章编辑器为markdown

[复制链接]
魔趣吧站长魔趣吧官方成员 实名认证 发表于 2020-3-28 17:57:40 | 显示全部楼层 |阅读模式

- J  N, Z3 ^, n/ G7 e' q; z" z
方法和之前写的替换日志编辑器类似,而且还是editormd。
常识:
8 Y+ X4 H$ V! W+ _需要引入jquery.js或压缩的(jquery.min.js)都行,测试版本为2.0.0。
7 y, Y& Z9 m6 J$ E9 r注意防止和common.js冲突,具体方法百度一下你就知道。
一、替换编辑器
1.上传编辑器文件
  g* I3 P4 A  n/ n# ?下载地址: 链接: https://pan.baidu.com/s/1k3VfnEuSrI9Xo-sLlII4Xw 提取码: j6sb9 T" B  D1 M! S7 q( p) ?
将压缩包解压出来,markdown文件夹上传至网站根目录。
2.修改发布页面模板4 e# [" m* k5 u3 E1 }( }  I
打开模板风格目录/portal/portalcp_article.htm(非默认模板可能没有,从default里复制一份到当前风格目录)。
) U& {! T! K2 R# A找到第一行,
  1. <!--{template common/header}-->
复制代码
下面加上引用css
  1. <link rel="stylesheet" href="/markdown/css/editormd.min.css">
复制代码
再找到,
  1. <script type="text/javascript" language="javascript" src="{STATICURL}image/editor/editor_function.js?{VERHASH}"></script>
  2. <!--{subtemplate home/editor_image_menu}-->
  3. <textarea class="userData" name="content" id="uchome-ttHtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px">$article_content[content]</textarea>
  4. <div style="border:1px solid #C5C5C5;height:400px;"><iframe src="home.php?mod=editor&charset={CHARSET}&allowhtml=1&isportal=1" name="uchome-ifrHtmlEditor" id="uchome-ifrHtmlEditor" scrolling="no" border="0" frameborder="0" style="width:100%;height:100%;position:relative;"></iframe></div>
复制代码
替换为
  1. <div id="editormd"><textarea class="userData" name="content" id="uchome-ttHtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px">$article_content[content]</textarea></div>
复制代码
再找到,
  1. <!--{template common/footer}-->
复制代码
之上加
  1. <script type="text/javascript" reload="1">
  2.     jQuery.getScript("/markdown/editormd.js", function(){
  3.      editormd("editormd", {
  4.      width   : "100%",
  5.      height  : 640,
  6.      syncScrolling : "single",
  7.      path    : "/markdown/lib/",
  8.      watch   : false,
  9.      htmlDecode: "style,script,iframe|on*",
  10.      toc: true,
  11.      tocm: true,
  12. tex: true,
  13.      flowChart: true,
  14.      sequenceDiagram: true,
  15.      lineNumbers: false,
  16.       toolbarIcons : function() {
  17.         return ["bold","italic","del","|","h1","quote","code-block","list-ol","list-ul","hr","|","link","image","table","|","watch","preview","fullscreen"]
  18.       },
  19.       theme : "",
  20.       previewTheme : "",
  21.       editorTheme : "",
  22.       imageUpload : true,
  23.       imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  24.       imageUploadURL : "/markdown/files/upload_article.php",
  25.       saveHTMLToTextarea : true
  26.   });
  27. });
  28. </script>
复制代码
这样发布页面就替换完成。
## 编辑器按钮代号:
5 h! }' c. \3 o* v
  1. ## 工具栏:
  2. undo 撤销
  3. redo 重做
  4. bold 粗体
  5. del 删除线
  6. italic 斜体
  7. quote 引用
  8. ucwords 首字母大写
  9. uppercase 选中大写
  10. lowercase 选中小写
  11. h1-h6 标题
  12. list-ul 无序列表
  13. list-ol 有序列表
  14. hr 分割线
  15. link 链接
  16. reference-link 引用链接
  17. image 图片
  18. code 行内代码
  19. preformatted-text 代码块,缩进风格
  20. code-block 代码块,多语言风格
  21. table 表格
  22. datetime 日期时间
  23. emoji 表情
  24. html-entities html实体字符
  25. pagebreak 插入分页符
  26. goto-line 跳转到行
  27. watch 实时预览
  28. preview 全窗口预览
  29. fullscreen 全屏
  30. clear 清空
  31. search 搜索
  32. help 帮助
  33. info 关于编辑器
  34. ## 配置项
  35. lineNumbers: false, 取消行号
复制代码
6 C% y" h1 r* r4 n' Q" m' |4 [+ V' b

上文所述需要注意:# A- o' ^& V* E+ k2 J
1.为防jq冲突,在全局头部head里jquery.min.js之下加了<script>jQuery.noConflict();</script>,所以页面里所有新加jq代码的$都改成了jQuery,这是discuz防jq冲突的常用方法之一。
; A- b' F( W" e  J0 [' }2.上传图片文件upload_article.php待补充。

二、解析markdown( Y0 O' n4 @. J6 ~7 d% J
php和js两种方式,这里只写下我用的php方式。
1.将markdown解析文件上传至/source/function目录里。
# N! D% A. D$ U/ ^$ k5 [2 M

【魔趣吧资源下载指南】--默认解压密码:www.moqu8.com   

1,如有异常请按 F5 刷新本页面!      【资源维权反馈】

2,首发及精品资源受到保护,扣除趣币!趣币可通过分享资源免费获得!懒人也可选择充值

3,【特别提示:】分享区资源未严格检查内部代码,使用前请自行检查!

discuz x3.4 替换门户文章编辑器为markdown 请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

售价: 免费 function_parser.zip  8.55 KB | 已下载: 1 次
权限:普通用户 (已享有下载权限)

魔趣吧版权声明1,本文内容及相关资源来源于网络,版权归版权方所有!本站原创内容版权归本站所有,请勿转载!
2,本文内容仅代表作者本人观点,不代表本网站立场,作者文责自负,本站资源仅供学习研究,请勿非法使用,否则后果自负!请下载后24小时内删除!
3,本文内容,包括但不限于源码、文字、图片等,仅供参考使用,本站不对其安全性,正确性等作出保证。但本站会尽量审核会员发表的内容
4,如您认为本文内容侵犯了您的权益,请与我们联系!我们将在5个工作日内做出处理!本站保留全部修改、解释、更新本声明的权利魔趣吧

回复

使用道具 举报

2.上传图片文件upload_article.php待补充。这个文件啥时候上传呀。现在都是半成品呀。
回复 支持 反对

使用道具 举报

强烈支持魔趣吧,魔趣吧免费就是给力啊!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

在线支持
关闭
欢迎来到魔趣吧
如果你有建站技术问题、仿站需求、模板插件修改需求,请联系我们的技术支持!高效率,低价格的帮你搞定!
请认准魔趣吧唯一官网:www.moqu8.com,谨防假冒网站!

一般问题请到【求助区】发帖咨询(免费)!

邮箱咨询:
winkill2012@qq.com

邮箱咨询需注明:资源地址+本站用户名+具体问题,三者缺一不做处理。非本站资源不处理!
在线支持
快速回复 返回列表

关于魔趣吧|魔趣建站

魔趣吧,志在打造全国最大的建站资源共享平台。 本站提供海量免费的建站资源,包括WordPress模板、Discuz精仿模板、PHPWind模板、phpcms模板、Discuz精仿插件、帝国cms模板、织梦模板等上万精品模板!同时,提供各种建站素材、JS特效、整站程序源码!
服务中文站长,传播分享精神!建站,就来魔趣吧!!
2015-2024 魔趣吧 ( 豫ICP备2021024354号 )   豫公网安备41030402000182号 百度统计
HTTPS安全认证
|网站地图 | 已运行:天 
温馨提示:本站所有资源、教程、源码,不得用于非法站点及用途,否则,本站将终止提供任何服务! Powered by Discuz! Licensed