如果需要增加多层次路径,
图片src链接可以加file://,也可以不加
声音src链接要保证有sound://
<img src="file://images/Avanzado.jpg">
<img src="file://images/Intermedio.jpg">
<img src="file://images/Superior.jpg">
如果不使用多层次路径,直接使用
<img src="Avanzado.jpg">
<img src="Intermedio.jpg">
<img src="Superior.jpg">
最好直接用:
<img class="fullsize" style="display:none" border="1" src="fullsize_insects.png">
<a class="Ref" href="entry://@topic_body?level=c2" title="Topic body">
<a href="sound://abdomen__gb_1.ogg" class="sound audio_play_button pron-uk icon-audio" title="abdomen pronunciation English" style="cursor: pointer" valign="top"> </a>
存放
当资源文件数量极多时,不建议:直接将所有资源文件存放在 mdx 目录下。
建议:将资源文件打包为 mdd,注意 mdd 必须和 mdx 存放在同一目录下。
有多个 mdd 文件时,文件名以 xx.mdd、xx.1.mdd,xx.n.mdd 词典软件都会读取。
强烈推荐:将图片和 css、js 和字体打包为 xx.mdd,将语音打包为 xx.1.mdd,这样不想要语音文件的用户只需拷贝 xx.mdd 而不丢失样式排版。
储备知识
必学:HTML/CSS/JavaScript 知识。
最好会:正则表达式、一门编程语言。
MDX 规范
词条由三部分组成:
词条关键字:作为词条索引。
词典 HMTL:词条内容。
分隔符 </>:分割每个词条。
注意:
</> 后面不允许有任何空行。
HMTL 允许换行,也可以不换行。
例子:
Antarctica
<link href="styles_cb.css" rel="stylesheet"/><script src="scripts_cb.js"></script><div>南极洲</div>
</>
词典 HMTL格式
和标准的 HTML 几乎一样,不过这里去掉了 <html>、<head> 和 <body> 标签的包裹,另外增加了一些 mdict 自有的标记和格式。
下面介绍资源的引入,关于路径问题,请阅读下面的资源部分。
引入 css 和 js 文件
<link href="styles_cb.css" rel="stylesheet"/><script src="scripts_cb.js"></script><div>南极洲</div>
复制代码
引入音频
<a href="sound://sound_file.mp3">keyword</a>
引入图片
格式一:
<img src="file://abc.gif">
格式二:
file:// 可以省略
<img src="/abc.gif">
<img src="abc.gif">
跳转
两种形式:
内联使用,可以多次使用:如 <a href="entry://ought to">,类似于标准 HTML 的 <a href="https://www.baidu.com">。还支持锚点,如 <a href="entry://look#verb">
查询某个单词时直接从一个单词跳转到另一个单词,只允许使用一次:如 @@@LINK=ought to。
资源
HTML 中引入资源文件时根目录为 mdx 所在目录。
优先级
裸露的资源文件 > mdd 中的资源文件。