Writerside添加图片资源方法

Writerside支持PNG、JPG、GIF和SVG格式的图像。
默认需要放在/image文件夹内，经验上来说如果要划分文件夹，那也在image文件夹下进行划分，不要乱放

插入图片

可以直接从剪贴板粘贴图像到编辑器中。Writerside会建议将图像保存到images目录，并在插入的位置自动添加MD语句。

语法支持两种

1. 原生MarkDown语法（有一定扩展）
2. HTML语法

MarkDown语法

标准md语法：![Alt Text](image.png)

在Writerside里对它有扩展，可以支持对以这样形式加载的图片设置样式
如： ![Alt Text](image.png){width=“600” style="inline"}

HTML语法

标准HTML标签语法： <img src="image.png" alt="Alt text" width="450"/>

属性表

属性	说明	值
alt	当图片加载失败时显示的替代文本	text
border-effect	渲染的边框效果	line、none
height	高度	number，默认单位px
preview-src	预览图 ，如果是给图片做预览图需要组合thumbnail一起使用	path&name
scale	缩放比	[现版本有BUG无效…]
src	图像路径	path&name
style	强制图像内联渲染或作为单独的块元素渲染	inline、block
theme	指定显示图像的主题	dark
thumbnail	是否打开缩略	true、false
width	宽度	number，默认单位px

1. 路径类支持相对、绝对以及网页路径
2. 如果图片直接在工程默认的image文件夹，那么可以直接写文件名即可
3. preview-src和thumbnail需要以style="block"单独的块元素渲染为前提
4. 使用theme时，需要在对应图片地方放一个暗黑版本的文件，如果图片名叫image.png，那么放一个image_dark.png，打开theme后就能自动识别切换了

MarkDown示例

![alt](src){border-effect="line" theme="dark" thumbnail="true" width="800" height="100" style="block" preview-src="xxx.png"}

HTML示例

<img src="xxx.png" alt="xxx" border-effect="line" theme="dark" thumbnail="true" width="800" height="100" style="block" preview-src="xxx.png"/>