`

解析Markdown格式的JSON数据

 
阅读更多
markdown http://baike.baidu.com/link?url=A_TMdRrgzrZkjnleWuS9zgi1yahFct3tcVee2UusJme9Ye9p-djw8t7DKnS2EtD9vIyjeDLc61V5jQKL7ezmZ586JvADtnaloq2u7gMjO9u
是一种简单的标记语法,通过该标记语法,它可以使普通文本内容具有一定的格式。



angular.module('App', []).directive('markdown',
      //声明命令,并且命名为markdown
    function(){
      //创建showdown转换器
      var converter = new Showdown.converter();
      //命令会返回一个对象,用来声明命令的设置
      return{
      //声明自定义作用于等待值被赋予给markdown属性
         scope:{markdown: '@'},
       //声明link函数,其作用即为 ' Convent Markdown To HTML!'
         link:function(scope,element,attrs){
        //下面将使用作用域观察期来同步模型改动
            scope.$watch('markdown',function(){
              var content = converter.makeHtml(attrs.markdown);//将markdown转换为html并且赋予content变量
              element.html(content);                           //这里是将转换后的结果注入元素内部
            })
         }
      }
    }
);





接着就可以在相应需要转换的位置使用了!

<div markdown="{{content.content}}"></div>



注意你的数据格式得是markdown啊! 否则无效
分享到:
评论

相关推荐

    grunt-fsmdjson:将 Markdown 前置文件的目录树转换为包含已解析 Markdown 的 json 数据的繁重任务

    将 Markdown 前置文件的目录树转换为包含已解析 Markdown 的嵌套 json 数据 示例配置 fsmdjson: { sample_config: { options: { detectMD_begin: "/*", //default detectMD_end: "*/" //default }, files: {...

    前端开源库-json-schema-to-markdown-table

    JSON Schema是一种JSON格式的规范,用于定义JSON数据的结构和限制,它提供了验证JSON数据是否符合规范的功能。在大型项目或API开发中,JSON Schema是确保数据一致性、可靠性和可维护性的关键工具。然而,直接阅读...

    Taro 3 React 小程序解析md文件进行显示

    在本文中,我们将深入探讨如何使用Taro 3与React技术栈来开发微信小程序,并解析Markdown文件进行内容显示。Taro 是一个开源的多端开发框架,它允许开发者使用React语法编写代码,然后编译到微信小程序、H5、React ...

    可能是全网最齐全的全世界省市区划数据,mysql,json格式数据都有,带中英文国际化

    标题和描述中提到的数据集包含了全世界的省市区划信息,并且提供了多种格式,如MySQL数据库文件和JSON格式,还特别强调了中英文国际化处理。这表明这个数据集旨在服务于需要处理全球地理位置信息的项目,例如地图...

    精品--A resume template written in Markdown,Yaml JSON auto g.zip

    如果它是模板的一部分,可能是一个示例文件,展示了如何填充YAML或JSON数据;如果它是数据文件,那么可能是用户已经填写好的个人简历数据;如果是工具或脚本,它可能就是用来转换和生成简历的程序。 总的来说,这个...

    谷歌浏览器及360浏览器格式化json插件

    标题中的“谷歌浏览器及360浏览器格式化json插件”指的是在Google Chrome和360浏览器中用于美化和格式化JSON数据的扩展程序。这类插件通常可以帮助开发者和数据分析人员更清晰地查看和理解JSON对象,使得大量复杂的...

    使用PHP接收POST数据,解析json数据

    这有助于调试和查看JSON数据是否成功解析。 关于PHP处理JSON数据的其他知识点: 1. **JSON编码与解码**:PHP提供了`json_encode()`和`json_decode()`两个函数来实现JSON数据的编码和解码。`json_encode()`用于将...

    dgcl:特拉华州总公司法,采用 Markdown 和 JSON 格式

    JSON(JavaScript Object Notation)则是一种数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,它在这里可能是用来结构化呈现 DGCL 的具体条款和细则。 在DGCL中,你会找到关于公司组织、管理、股份发行...

    全国所有大学数据包含经纬度(json格式)

    2. **数据加载**:使用编程语言如Python的`json`库读取和解析JSON数据。 3. **数据处理**:提取大学名称和经纬度信息,进行地理位置的坐标转换(如高德、百度地图API转换),便于在地图上显示。 4. **地图可视化**:...

    全国行政区划json文件

    同时,要了解JSON数据的结构,以便正确解析和应用到自己的项目中。对于Python脚本,理解其工作原理并根据需求进行调整也很重要。总的来说,这个压缩包提供了一个全面的全国行政区域数据资源,对于需要处理这类数据的...

    前端开源库-json-schema-to-markdown-table.zip

    JSON Schema是一种JSON格式的规范,用于定义JSON数据结构和验证规则,而Markdown则是一种轻量级的标记语言,常用于编写文档,易于阅读和编写。 在前端开发中,JSON Schema对于构建API文档、表单生成以及数据验证至...

    语雀爬虫 可以保存整个语雀知识库为Markdown格式 (包含完整目录结构和索引).zip

    常用的存储形式包括关系型数据库、NoSQL数据库、JSON文件等。 遵守规则: 为避免对网站造成过大负担或触发反爬虫机制,爬虫需要遵守网站的robots.txt协议,限制访问频率和深度,并模拟人类访问行为,如设置User-...

    wxParse 微信小程序富文本解析自定义组件,支持HTML及markdown解析

    `wxParse`就是这样一个专门用于微信小程序的富文本解析组件,它能够将HTML和Markdown格式的文本转化为小程序可识别的结构,从而在小程序中展现出来。 ### HTML解析 HTML(HyperText Markup Language)是一种通用的...

    微信小程序:Markdown渲染库下载

    在这里,你可以看到wemark的核心实现,如何解析Markdown并将其转化为小程序可以理解的格式。 3. `example`目录:可能包含了一些示例小程序项目,用来展示如何在实际应用中集成和使用wemark库。 4. `lib`或`dist`目录...

    JSONView-for-Chrome-master.zip

    2. `js` 文件夹:可能包含插件的JavaScript源代码,用于处理JSON数据的解析、格式化和展示。 3. `css` 文件夹:可能包含样式表文件,定义了插件界面的样式和颜色。 4. `images` 文件夹:可能存储了插件使用的图标和...

    省市区三级联动,json数据源

    开发过程中,数据格式化方法也很重要。这可能是指将原始json数据转换为更符合UI需求的格式,比如添加默认选中项,或者处理特殊情况如没有子级数据的情况。开发者需要根据具体业务逻辑和UI设计来定制这部分代码。 总...

    broccoli-static-site-json:将静态Markdown文件构建到JSON中

    一个简单的插件,用于解析markdown文件的集合,并在指定路径下的输出树中将其公开为文档。 它还支持使用为每个markdown文件定义元数据。 它用于以下官方Ember Documentation项目: 基本用法 const jsonTree = new ...

    python导出chrome书签到markdown文件

    在IT领域,我们经常需要处理各种数据和文件格式,这次的主题是使用Python将Chrome浏览器的书签导出为...对于Python初学者来说,这是一个很好的实践项目,不仅可以提升编程技能,还能加深对数据格式和文件操作的理解。

Global site tag (gtag.js) - Google Analytics