CNode

自定义HTML标签,直接在网页中写MarkDown和数学公式。

分享
Ggzhangzy发布于12 年前最后回复12 年前15 回复10424 浏览0 收藏

<x-md>

            markdown标签

<x-math>

            LaTeX标签
			

<x-qr>

            qr-code标签

<x-chart>

           作图标签

<x-clock>

           表,纪念apple watch发布(怎駡能不叫iWatch呢?)。
		   

例子

点这里,View page source。

新增两个标签,看的懂并且有兴趣,可以联系我。

查看回复

回复 (15)

L
leapon#1·12 年前

React 里面实现的话,就是个class。Preprocessing +js function for trasnformation

Y
yaochun#3·12 年前
引用 leaponReact 里面实现的话,就是个class。Preprocessing +js function for trasnformation

@leapon 我不是很同意就是个class这个说法

我理解你说的class是因为

var IndexPage = React.createClass({
      render : function(){
	       return (
		      //....
		   )
	  }
});

return IndexPage;

无处不在的createClass

我用react差不多1年多了,严格上react是一个自定义的component,和ag一样有状态的概念,也有各个生命周期的事件入口

预编译确实有的,jsx毕竟不是真正的js

A
alsotang#4·12 年前

Fibonacci 那个例子好酷

L
leapon#5·12 年前
引用 leaponReact 里面实现的话,就是个class。Preprocessing +js function for trasnformation

@yaochun React class 这个说法是不严谨,不是传统OO里的class。

React 的 class 可以象 html tag 一样用 (在 jsx 里),和楼主的自定义tag有相似之处,所以有感而发。

L
leapon#6·12 年前
引用 leaponReact 里面实现的话,就是个class。Preprocessing +js function for trasnformation

@yaochun React 的单向数据流动够用吗?看文档里也支持双向数据流动。你有一年React经验,有用到双向数据流动的时候吗?

N
nighca#7·12 年前

这个难度在哪

I
idy#8·12 年前
引用 nighca这个难度在哪

@alsotang 标签更优雅 = =b

T
think2011#9·12 年前

不明觉厉,想想,如果我要实现自定义标签功能的话,我会通过angular的directive去实现。

Y
yaochun#10·12 年前

专业的说法: Web Components

G
gzhangzy#11·12 年前
引用 yaochun专业的说法: Web Components

@yaochun Web Components离实用还很远。只是Custom Element,可以做到产品里去了。

G
gzhangzy#12·12 年前
引用 nighca这个难度在哪

@nighca 这个不是难度在哪?而是想降低开发难度。

你自己可以写个网页,在页面中增加如下代码:

你就可以在这个页面里面使用这五个标签了。

O
owen-hong#13·12 年前
引用 alsotangFibonacci 那个例子好酷

@alsotang 哎呀我去,怎么现在Markdown可以有上传图片的功能了,还有辅组的一些功能,这个是官方Markdown带的功能吗,求wiki地址。。。。

A
alsotang#14·12 年前
引用 alsotangFibonacci 那个例子好酷

@owen-hong 这是编辑器的功劳,跟 markdown 无关。这个编辑器可以去 @lepture 的 github 找到。

A
alsotang#15·12 年前
引用 nighca这个难度在哪

@gzhangzy 为什么要自定义 HTML 标签来做?为何不是 div 上面加 class 来做?反正都是用 js 去读了然后转换。

参与回复
登录后即可参与回复。登录