apicloud apicloud

注册
查看: 448|回复: 1

[模块教程] mdReader 模块试用

实习司机

UID:253705

主题:
53
帖子:
175
云币:
453

[模块教程] mdReader 模块试用

448 1 | 发表于 2018-10-26 15:18:01 |阅读模式 | |
本帖最后由 uoaccw 于 2018-10-31 11:03 编辑

mdReader 封装了一个简单的 markdown 阅读器,可将 markdown 格式的文件读取显示出来,开发者可自定义显示区域及显示区域的背景。本模块暂仅支持读取纯 markdown 文本,不能识别混合 html 标签的 markdown 文本

模块文档链接:
https://docs.apicloud.com/Client-API/Func-Ext/mdReader

附件有widget代码包。使用时,先添加mdReader 模块,然后编译自定义loader,把相关代码复制到自己的项目,即可查看效果。



  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6.     <title>title</title>
  7.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
  8.     <style>
  9.         ul{
  10.           margin-top: 20px;
  11.         }
  12.         ul li{
  13.           margin: 10px;
  14.         }
  15.     </style>
  16. </head>

  17. <body>
  18.     <ul>
  19.         <li tapmode onclick="fnopen()">fnopen</li>
  20.         <li tapmode onclick="fnsetPath()">fnsetPath</li>
  21.         <li tapmode onclick="fnshow()">fnshow</li>
  22.         <li tapmode onclick="fnhide()">fnhide</li>
  23.         <li tapmode onclick="fnclose()">fnclose</li>
  24.     </ul>
  25. </body>
  26. <script type="text/javascript" src="../script/api.js"></script>
  27. <script type="text/javascript">
  28.     var mdReader;
  29.     apiready = function() {
  30.         mdReader = api.require('mdReader');
  31.         fnopen();
  32.     };

  33.     function fnopen() {
  34.         mdReader.open({
  35.             path: 'widget://res/test.md',
  36.             rect: {
  37.                 x: 0,
  38.                 y: 200,
  39.                 w: api.winWidth,
  40.                 h: api.frameHeight
  41.             },
  42.             styles: {
  43.                 bg: '#eee'
  44.             },
  45.             fixedOn: api.frameName,
  46.             fixed: false
  47.         });
  48.     }

  49.     function fnsetPath() {
  50.         mdReader.setPath({
  51.             path: 'widget://res/test2.md'
  52.         });
  53.     }

  54.     function fnshow() {
  55.         mdReader.show();
  56.     }

  57.     function fnhide() {
  58.         mdReader.hide();
  59.     }

  60.     function fnclose() {
  61.         mdReader.close();
  62.     }
  63. </script>

  64. </html>
复制代码





本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

主题:
12
帖子:
22
云币:
23
发表于 2019-1-16 17:34:16 |
怎么弄不可编辑
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表