AnkiNoteTemplate/templates/Japanese sentences/Production/front.html
Nikolay Belikov a1c77ec29a Update templates to support marking target word with <strong>
Anki 2.1.50 brought a change to the WYSIWYG note editor.  Previously,
pressing `Control+b` or the `Bold text` button wrapped the selection in
a `<b>` tag, and the latest update changed it to `<strong>`, therefore
breaking scripts and styles for newly added notes.  This patch adds
support for the new tag in affected templates.
2022-04-17 17:53:26 +03:00

45 lines
1.2 KiB
HTML

{{#MakeProductionCard}}
{{#SentKanji}}
<div class="wrap">
<header>{{#Tags}}<div class="tags">{{Tags}}</div>{{/Tags}}</header>
{{#Image}}<div class="images">{{Image}}</div>{{/Image}}
<div class="sent-center">
<div class="jpsentence production">{{edit:furigana:SentFurigana}}</div>
<div>{{VocabAudio}}{{SentAudio}}</div>
</div>
</div> <!-- /wrap -->
<script>
function threeDots() {
for (hidden of document.querySelectorAll(".production b, .production strong")) {
hidden.style.visibility = "visible";
hidden.innerText = "【" + hidden.innerText.replace(/[^ぁ-んァ-ン]/g, "") + "】";
}
}
/* Splits tags into separate divs */
function splitTagDiv() {
const header = document.querySelector("header");
if (!header) return;
const split = `{{MorphManFocus}} {{Tags}}`.split(' ');
header.innerHTML = "";
for (const tag of split) {
if (tag.length < 1)
continue;
const tag_elem = document.createElement("div");
tag_elem.className = "tags";
tag_elem.innerHTML = tag;
header.appendChild(tag_elem);
}
}
threeDots()
splitTagDiv()
</script>
{{/SentKanji}}
{{/MakeProductionCard}}