AEL 实时编译器
阿豆科技引擎 v2.1.1
AEL 代码输入
实时预览
AEL编译器支持实时预览,左侧输入AEL代码,右侧即时显示效果。支持文本格式化、标题、链接、图片等元素。
AEL 到 HTML 转换器
转换说明
将AEL代码转换为标准HTML代码,便于在其他项目中使用。转换器会保留所有AEL特性并生成对应的HTML标签。
AEL 源代码
转换后的 HTML 代码
AEL 使用教程
AEL 基础
AEL(高级标记语言)是一种简洁高效的标记语言,专为现代Web开发设计。它结合了Markdown的简洁性和HTML的强大功能。
基本结构
AEL使用简单的标签语法来定义文档结构:
//- 这是一个换行符
<#- 这是一级标题 #>
<##- 这是二级标题 ##>
<###- 这是三级标题 ###>
<#- 这是一级标题 #>
<##- 这是二级标题 ##>
<###- 这是三级标题 ###>
注释
AEL支持注释,注释内容不会被渲染:
/- 这是一个注释,不会在最终结果中显示 -/
AEL 文本格式化
AEL提供了多种文本格式化选项:
<s- 加粗文本 -s>
<e- 斜体文本 -e>
<u- 下划线文本 -u>
<d- 删除线文本 -d>
<~ 代码片段 ~>
<e- 斜体文本 -e>
<u- 下划线文本 -u>
<d- 删除线文本 -d>
<~ 代码片段 ~>
链接
创建超链接:
<link-https://adou-tech.com--阿豆科技官网link>
AEL 媒体元素
图片
插入图片:
<mg-图片URL---图片描述mg>
视频
AEL 3.0 版本将支持视频嵌入功能,敬请期待。
AEL 表格
AEL支持创建复杂表格:
<tb
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
tb>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
tb>
高级 AEL 特性
复选框
AEL支持不同样式的复选框:
<cgt-绿色复选框(默认选中)c>
<cgf-绿色复选框(默认未选中)c>
<clt-蓝色复选框(默认选中)c>
<cgf-绿色复选框(默认未选中)c>
<clt-蓝色复选框(默认选中)c>
HTML集成
AEL 3.0支持在代码中嵌入HTML,但请注意编译器的兼容性限制。