高级标记语言

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>
<~ 代码片段 ~>

链接

创建超链接:

<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>

高级 AEL 特性

复选框

AEL支持不同样式的复选框:

<cgt-绿色复选框(默认选中)c>
<cgf-绿色复选框(默认未选中)c>
<clt-蓝色复选框(默认选中)c>

HTML集成

AEL 3.0支持在代码中嵌入HTML,但请注意编译器的兼容性限制。