omi/packages/comi
dntzhang b9f0d6ae66 chore: change omijs.org to tencent.github.io/omi/ 2019-10-18 11:17:16 +08:00
..
mp comi - var to const 2019-04-03 09:23:18 +08:00
omip chore: change omijs.org to tencent.github.io/omi/ 2019-10-18 11:17:16 +08:00
README.md update readme 2019-04-10 09:30:57 +08:00

README.md

Comi

Comi 读 ['kəʊmɪ],类似中文 科米,是腾讯 Omi 团队开发的小程序代码高亮和 markdown 渲染组件。

→ Comi 原理点击这里

预览

体验

使用

先拷贝 此目录 到你的项目。

js:

const comi = require('../../comi/comi.js');

Page({
  onLoad: function () {
    comi(`你要渲染的 md`, this)
  }
})

wxml:

<include src="../../comi/comi.wxml" />

wxss:

@import "../../comi/comi.wxss";

简单把!

在 omip 中使用

先拷贝 此目录 到你的项目。

js:

import { WeElement, define } from 'omi'
import './index.css'
import comi from '../../components/comi/comi'

define('page-index', class extends WeElement {

  install() {
    comi(`你要渲染的 md`, this.$scope)
  }

  render() {
    return (
      <view>
        <include src="../../components/comi/comi.wxml" />
      </view>
    )
  }
})

css:

@import '../../components/comi/comi.wxss';

感谢

  • wxParse
  • remarkable
  • html2json
  • htmlparser
  • prism