|
本帖最后由 uoaccw 于 2018-10-31 11:03 编辑
mdReader 封装了一个简单的 markdown 阅读器,可将 markdown 格式的文件读取显示出来,开发者可自定义显示区域及显示区域的背景。本模块暂仅支持读取纯 markdown 文本,不能识别混合 html 标签的 markdown 文本
模块文档链接:
https://docs.apicloud.com/Client-API/Func-Ext/mdReader
附件有widget代码包。使用时,先添加mdReader 模块,然后编译自定义loader,把相关代码复制到自己的项目,即可查看效果。
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <title>title</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css" />
- <style>
- ul{
- margin-top: 20px;
- }
- ul li{
- margin: 10px;
- }
- </style>
- </head>
- <body>
- <ul>
- <li tapmode onclick="fnopen()">fnopen</li>
- <li tapmode onclick="fnsetPath()">fnsetPath</li>
- <li tapmode onclick="fnshow()">fnshow</li>
- <li tapmode onclick="fnhide()">fnhide</li>
- <li tapmode onclick="fnclose()">fnclose</li>
- </ul>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript">
- var mdReader;
- apiready = function() {
- mdReader = api.require('mdReader');
- fnopen();
- };
- function fnopen() {
- mdReader.open({
- path: 'widget://res/test.md',
- rect: {
- x: 0,
- y: 200,
- w: api.winWidth,
- h: api.frameHeight
- },
- styles: {
- bg: '#eee'
- },
- fixedOn: api.frameName,
- fixed: false
- });
- }
- function fnsetPath() {
- mdReader.setPath({
- path: 'widget://res/test2.md'
- });
- }
- function fnshow() {
- mdReader.show();
- }
- function fnhide() {
- mdReader.hide();
- }
- function fnclose() {
- mdReader.close();
- }
- </script>
- </html>
复制代码
|
本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册
X
|