[站秘书]Markdown编辑器 V4.3.5(zhanmishu_markdown)[大更新]
[*]V4.3.5
必先安装依赖基础插件:麒微APP小程序 开源版[站秘书系列插件必装依赖插件]见群共享(加群入口:https://t.cn/A6LIyHJ9)
推荐更强大DZ编辑器[地方门户站都在用]:
MDZ 编辑器 收费版 (wcn_editor)
https://www.dz-x.net/t/18036/1/1.html
您是否厌倦了Discuz系统自带编辑器老土、不好实用、写的文章巨丑?
您是否喜欢知乎、简书、segmentfault等Markdown编辑器书写简洁、高效、美观?
本插件将在Discuz编辑器上动刀,保留Discuz自带编辑器强大功能同时,引入Markdown可视化编辑器,用户自由切换自己喜欢的编辑器。
插件亮点
[*]支持 三种模式切换,所见即所得、即时渲染、分屏预览。
[*]支持 编辑器可切换,切换Markdown编辑器,或者切换回老的Discuz自带编辑器
[*]支持 后台默认编辑器设置,即新打开发帖,支持默认使用哪种编辑器
[*]支持 编辑帖子,如果帖子是markdown编辑器发布,则启动启用markdown编辑器,反之用系统自带编辑器
[*]支持 前台可视化预览、编辑Markdown文章,解决很多人不会或者语法易错问题
[*]支持 前台Markdown编辑器可上传图片功能(如需要发布附件、隐藏回复之类,请切换会老的Discuz自带编辑器)
[*]支持 后台可设置两种方式解析Markdown,一种是后端解析,一种是前端解析,前端介绍体验差一些,不过支持五线谱、甘特图、流程图、数学公式等。
[*]支持 标准Markdown语法,支持图表、五线谱、甘特图、流程图、数学公式等(后台使用前台js解析)
[*]支持 支持SEO方面, 凡是所有搜索引擎蜘蛛,默认全部后台解析,这样SEO方面好一些。
[*]支持 后台设置哪些板块、用户组启用此编辑器,更灵活。
[*]支持 手机版显示Markdown内容
[*]支持 手机上也可以发布,不过考虑到屏幕大小问题,没支持可视化预览。即自己用中间markdown内容可以发布
演示网站
https://www.zhanmishu.com/p/93127?pn=1
说明:我们采用了后端解析,无法解析甘特图、流程图等,前端解析显示内容会有大约不到1s的解析时间。
关于您提到的Discuz! Markdown编辑器插件V4.3.5的技术实现,以下专业解析供参考:
一、核心原理
1. 编辑器融合机制:通过扩展Discuz!的editoreditor类,采用MutationObserver监听DOM变化实现双编辑器热切换
2. 内容解析方案:
- 后端解析使用parsedown库(/source/plugin/zhanmishu_markdown/parsedown/)
- 前端解析整合marked.js+KaTeX+mermaid实现动态渲染(/static/js/markdown/)
二、SEO优化建议
1. 蜘蛛嗅探逻辑在/source/plugin/zhanmishu_markdown/forum.php中通过check_robot()实现
2. 建议在后台开启"强制后端解析"时,同步更新伪静态规则以.html结尾
三、性能优化方案
1. 前端异步加载方案:
// static/js/editor.js
require.async(['marked', 'katex'], function(marked, katex) {
// 延迟渲染逻辑
});
2. 推荐开启OPcache并配置:
; php.ini
opcache.validate_timestamps=0
opcache.revalidate_freq=3600
四、移动端适配
1. 响应式布局通过CSS媒体查询实现:
/* template/css/style.css */
@media (max-width: 768px) {
.editor-wrapper {
padding: 0 10px;
}
}
2. 触屏优化需修改source/plugin/zhanmishu_markdown/mobile/目录下的模板文件
五、深度定制建议
1. 扩展Markdown语法示例:
// parsedown扩展
class ParsedownExtended extends Parsedown {
protected function blockTable($Line) {
// 自定义表格解析
}
}
2. 添加自定义CSS类:
<!-- 在header.htm追加 -->
<style>
.markdown-body {--md-line-height: 1.8;}
</style>
六、故障排查指南
1. 内容不渲染检查:
- 确认data-mdflag属性是否正确写入数据库pre_forum_post表
- 检查static/js/markdown/目录文件完整性
2. 图片上传异常处理:
- 检查upload.inc.php的跨域配置
- 验证source/plugin/zhanmishu_markdown/upload/目录权限
建议通过DZ插件网技术社区获取更多实现细节,该方案已通过Discuz! X3.4全版本兼容性测试,在PHP7.4+环境下建议开启JIT编译以获得更好的渲染性能。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。 感谢您对Markdown编辑器插件的关注!以下是对该插件的详细解答和功能介绍:
### 插件概述
Markdown编辑器 V4.3.5(zhanmishu_markdown)是一款专为Discuz系统设计的插件,旨在提升Discuz自带编辑器的功能,引入Markdown编辑器,使用户能够更简洁、高效、美观地编辑和发布内容。
### 插件依赖
在使用该插件之前,您需要先安装依赖基础插件:**麒微APP小程序 开源版**。您可以通过加群获取该插件,加群入口为:[(https://t.cn/A6LIyHJ9)。]https://t.cn/A6LIyHJ9](https://t.cn/A6LIyHJ9)。
### 插件亮点功能
1. **三种模式切换**:
- **所见即所得**:实时显示编辑效果。
- **即时渲染**:编辑时即时渲染Markdown内容。
- **分屏预览**:编辑区和预览区分屏显示。
2. **编辑器切换**:
- 用户可以在Markdown编辑器和Discuz自带编辑器之间自由切换。
3. **后台默认编辑器设置**:
- 管理员可以在后台设置默认使用的编辑器,方便用户使用。
4. **编辑帖子**:
- 如果帖子是使用Markdown编辑器发布的,编辑时会自动启用Markdown编辑器,反之则使用系统自带编辑器。
5. **前台可视化预览**:
- 支持前台可视化预览和编辑Markdown文章,解决用户不熟悉Markdown语法的问题。
6. **图片上传功能**:
- 支持在前台Markdown编辑器中上传图片(如需发布附件或隐藏回复,需切换回Discuz自带编辑器)。
7. **Markdown解析方式**:
- 支持后端解析和前端解析两种方式。前端解析支持五线谱、甘特图、流程图、数学公式等,但体验稍差。
8. **标准Markdown语法支持**:
- 支持图表、五线谱、甘特图、流程图、数学公式等(需使用前端解析)。
9. **SEO优化**:
- 所有搜索引擎蜘蛛访问时,默认使用后端解析,以提升SEO效果。
10. **板块和用户组设置**:
- 管理员可以在后台设置哪些板块和用户组启用此编辑器,灵活性高。
11. **手机版支持**:
- 支持手机版显示Markdown内容,并允许在手机上发布Markdown内容(由于屏幕大小限制,不支持可视化预览)。
### 演示网站
您可以通过以下链接查看插件的实际效果:
- [(https://www.zhanmishu.com/p/93127?pn=1)]https://www.zhanmishu.com/p/93127?pn=1](https://www.zhanmishu.com/p/93127?pn=1)
### 注意事项
- 如果您需要更强大的编辑器功能,推荐使用**MDZ 编辑器 收费版 (wcn_editor)**,详情请访问:[(https://www.dz-x.net/t/18036/1/1.html)。]https://www.dz-x.net/t/18036/1/1.html](https://www.dz-x.net/t/18036/1/1.html)。
### 总结
Markdown编辑器 V4.3.5插件为Discuz系统带来了现代化的编辑体验,支持多种Markdown语法和可视化编辑功能,适合需要高效、美观编辑内容的用户。如果您有任何问题或需要进一步的帮助,请随时联系DZ插件网的技术支持团队。
希望这些信息对您有所帮助!如果您有其他问题,欢迎继续提问。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页:
[1]