觅思文档效果示例
文档目录
删除线、粗体、斜体、上下标
引用文本效果
链接效果
代码块效果
图片和附件
列表效果
表格效果
符号和表情
科学公式
流程图
序列图
思维导图、脑图、mindmap
Echarts图形图表
音视频插入
时间线
觅道文档集成支持iceEditor富文本编辑器
Markdown文本高亮标记
本文档使用 MrDoc 发布
-
+
首页
代码块效果
## 代码 Codes 目前在导出的EPUB上,所有代码均不支持高亮显示,默认为黑色。 ### 行内代码 Inline code 语法为: ``` `代码内容` ``` 效果如下所示: 执行命令:`pip install django` ### 缩进风格 即缩进四个空格,也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。 <?php echo "Hello world!"; ?> 预格式化文本: | First Header | Second Header | | ------------- | ------------- | | Content Cell | Content Cell | | Content Cell | Content Cell | ### 指定语言代码块 可以使用三个\`符号后接语言的名称,使用特定语言的代码块,如下所示: ```python import datetime print(datetime.date.today()) ``` 会渲染为如下所示的效果: ```python import datetime print(datetime.date.today()) ``` 如下为JavaScript代码块示例: ```javascript function test() { console.log("Hello world!"); } (function(){ var box = function() { return box.fn.init(); }; box.prototype = box.fn = { init : function(){ console.log('box.init()'); return this; }, add : function(str) { alert("add", str); return this; }, remove : function(str) { alert("remove", str); return this; } }; box.fn.init.prototype = box.fn; window.box =box; })(); var testBox = box(); testBox.add("jQuery").remove("jQuery"); ``` 如下为HTML代码块示例: ### HTML 代码 HTML codes ```html <!DOCTYPE html> <html> <head> <mate charest="utf-8" /> <meta name="keywords" content="Editor.md, Markdown, Editor" /> <title>Hello world!</title> <style type="text/css"> body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;} ul{list-style: none;} img{border:none;vertical-align: middle;} </style> </head> <body> <h1 class="text-xxl">Hello world!</h1> <p class="text-green">Plain text</p> </body> </html> ```
州的先生
2020年5月2日 07:58
转发文档
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码