Update richtext.md
diff --git a/source/references/components/richtext.md b/source/references/components/richtext.md
index ef73cf3..89fc46f 100644
--- a/source/references/components/richtext.md
+++ b/source/references/components/richtext.md
@@ -6,10 +6,8 @@
version: 2.1
---
-## Summary
Richtext is used to achieve inline `<span>` or `<a>` combined with inline-block `<image> `. It also supports nested `<span>`, `<image>` and `<a>` with style inheritance and override. Thus, richtext can be considered as a more general `<text>` with more powerful usage.
-## Syntax
Only `<span>`, `<a>` and `<image>` are valid children of `<richtext>`. `<span>` and `<a>` are considered as `display:inline`, while `<image>` is considered as `display:inline-block`, which are default values and cannot be changed.
Children of `<richtext>` can be classified as two types of node, **internal** and **external**.
@@ -19,26 +17,31 @@
Richtext can be seen as a tree, and the max height of the tree is 255. Any style on a node of which the height is greater than 255 has no effect.
-## Note
+Notes
* `<a>` on iOS will have a `color:blue` style, and children of `<a>` can not override this style. This only happens on iOS. There is no default style and override restriction for `<a>` on Android.
* `<image>` in richtext must have `width` and `height` styles.
* The content area of `<image>` will remain blank until the corresponding image is downloaded and there is no way to display a placeholder image.
* Richtext cannot be nested.
## Attributes
-Only the following attributes are supported for richtext.
-### image
-* src
-* **pseudo-ref** (string), a ref assigned by developers and passed to the callback function of **onitemclick**
+Supported attributes of children of a `richtext`.
-### a
-* href
+#### image
-### span
+* **src**. Image source.
+* **pseudo-ref**. A ref assigned by developers and passed to the callback function of **onitemclick**.
+
+#### a
+
+* **herf**. The herf.
+
+#### span
+
`<span>` does not support any attribute. A text must be set as the content of `<span>`, e.g. `<span>Hello World</span>`.
## Styles
+
Only limited css styles listed below are supported by richtext.
* `<span>`, `<a>` and `<richtext>` itself
@@ -64,19 +67,13 @@
## Events
-### onitemclick
-
-This event will be fired when
-* An `img` in richtext is clicked
-* None of parents is an `a` tag
-
-If the second condition is not satisfied, Weex will try to open the hyperlink of `a` tag instead.
-
-**pseudo-ref** of img will be passed to the callback function of onitemclick.
-
-### Common events
-Weex [common events](https://weex-project.io/references/common-event.html) are supported by richtext node itself.
+* **common events**. Check out [common events](/wiki/common-events.html).
+* **itemclick**. This event will be fired when
+ * An `img` in richtext is clicked
+ * None of parents is an `a` tag
+ * If the second condition is not satisfied, Weex will try to open the hyperlink of `a` tag instead.
+ * **pseudo-ref** of img will be passed to the callback function of onitemclick.
## Example
-[richtext example](http://dotwe.org/vue/f60fa4323e8248c91ed88d53af2ce9fc)
+[try it](http://dotwe.org/vue/f60fa4323e8248c91ed88d53af2ce9fc)
