## 点击预览区的图片来修改图片尺寸

​

![wysiwyg#80%#B](assets/images/feature_image_wysiwyg.gif)

标准图片  ![一条dog#100px](assets/images/demo-dog.png)

![bubble menu](assets/images/feature_font.png)

![copy and paste](assets/images/feature_copy.gif)

![图片尺寸](assets/images/feature_image_size.png)

![表格图表](assets/images/feature_table_chart.png)

![字体样式](assets/images/feature_font.png)

![html转md](assets/images/feature_copy.gif)

![br](assets/images/feature_br.gif)

![br](assets/images/feature_cursor.gif)

![wysiwyg](assets/images/feature_image_wysiwyg.gif)

![wysiwyg](assets/images/feature_export.png)

![wysiwyg](assets/images/feature_myers.png)

![wysiwyg](assets/images/feature_vdom.gif)

**效果**

标准图片  ![一条dog#B](assets/images/demo-dog.png)

设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)

设置图片对齐方式：

**左对齐**

![一条dog#auto#100px#left#border#radius](assets/images/demo-dog.png)

**居中**

![一条dog#auto#100px#center#shadow#B](assets/images/demo-dog.png)

**右对齐**

![一条dog#auto#100px#right#B#R#S](assets/images/demo-dog.png)

**浮动左对齐**

![一条dog#auto#100px#float-left#border#shadow#radius](assets/images/demo-dog.png)

开心也是一天，不开心也是一天

这样就过了两天，汪

**效果**

标准图片  ![一条dog#100px#R](assets/images/demo-dog.png)

设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)

设置图片对齐方式：

**左对齐**

![一条dog#auto#100px#left](assets/images/demo-dog.png)

**居中**

![一条dog#auto#100px#center](assets/images/demo-dog.png)

**右对齐**

![一条dog#auto#100px#right](assets/images/demo-dog.png)

**浮动左对齐**

![一条dog#auto#100px#float-left](assets/images/demo-dog.png)

开心也是一天，不开心也是一天

这样就过了两天，汪

**效果**

标准图片  ![一条dog#100px](assets/images/demo-dog.png)

设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)

设置图片对齐方式：

**左对齐**

![一条dog#auto#100px#left](assets/images/demo-dog.png)

**居中**

![一条dog#auto#100px#center](assets/images/demo-dog.png)

**右对齐**

![一条dog#auto#100px#right](assets/images/demo-dog.png)

**浮动左对齐**

![一条dog#auto#100px#float-left](assets/images/demo-dog.png)

开心也是一天，不开心也是一天

这样就过了两天，汪

​

# 例子

> [Github 地址](https://github.com/Tencent/cherry-markdown){target=_blank}

​

- [basic](index.html){target=_blank}

- [H5](h5.html){target=_blank}

- [多实例](multiple.html){target=_blank}

- [无 toolbar](notoolbar.html){target=_blank}

- [纯预览模式](preview_only.html){target=_blank}

- [注入](xss.html){target=_blank}

- [API](api.html){target=_blank}

- [图片所见即所得编辑尺寸](img.html){target=_blank}

- [标题自动序号](head_num.html){target=_blank}