GoldenDict Forum

Увидел, что сейчас DSL-теги переводятся в HTML-теги следующим образом:

Ссылки на звуковые файлы вставляются в виде такого кода:

Code: Select all

<span class="dsl_s_wav"><a href="gdau://2579bc694d7d918ef2cfe26964172537/exa_p008-001123468.wav"><img border="0" align="absmiddle" alt="Play" src="qrcx://localhost/icons/playsound.png"></a></span>


Я предлагаю использовать такой HTML:

Code: Select all

<a class="audio" href="gdau://2579bc694d7d918ef2cfe26964172537/exa_p008-001778522.wav"></a>

В связке с таким CSS:

Code: Select all

a .audio {
    background: url('qrcx://localhost/icons/playsound.png') center center no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
}

Это позволит авторам "CSS-тем" изменять оформление значка (или даже убирать его, заменять на текст и т.п.), если GD будет брать их их той же директории, что и article-styles.css. Ну и объем генерируемого HTML сократится, уменьшится количество элементов для рендеринга. Ну и красота кода, опять же

Дополнительным плюсом моего решения будет и то, что при вставке куска карточки, скажем, в Word не будет вот таких фантомных невидимых элементов:


Ну а при экспорте в HTML не будет ссылок Play, портящих карточки:


По аналогии можно выводить и картинки. Насколько я понимаю, при копировании или при экспорте в HTML они будут точно такими же фантомами.

Сейчас, например, в DSL теги [c] переводятся в HTML вида:

Code: Select all

<font color="c_default_color">

И на это натягивается такой CSS:

Code: Select all

.dsl_article font[color="c_default_color"] {
    color: green;
}

Я предлагаю делать такой HTML:

Code: Select all

<span class="c_default_color">

И такой CSS:

Code: Select all

.c_default_color {
    color: green;
}