Question

我正在使用anki而我正试图插入＆＃34;提示＆＃34;和解释。我从youtube上的这个人那里获取了一个代码，他创建了这个代码 - 点击一个提示符号的可能性，然后只显示提示的内容。这是视频的链接 - https://www.youtube.com/watch?v=Hv0IxQSYZiM 这是我写的代码，我插入Anki - http://pastebin.com/raw/tqWNkeHV

我遇到的问题是，我已经提示其中有多条线条/图像，这种方法不允许我以良好的方式展示它们。代码只接收＆＃34;提示＆＃34;中的第一行。类别，并且不会隐藏其余内容。它看起来像这样 -

Example

这是当前的代码 -

{{Question}}


{{#Hint}}
    <div id="hint" class="hidden">
        <p class="trigger">[ click to show hint ]</p>
        <p class="payload">{{Hint}}</p>
    </div>
    <script>
        var hint = document.getElementById('hint');
        hint.addEventListener('click', function() { 
this.setAttribute('class', 'shown'); });
    </script>
{{/Hint}}

这就是风格 -

.card { font: 1.5em/1.5 sans-serif; text-align: center; }

#hint { background: #f2fbe7; border: 1px solid #dff5c4; border-radius: 6px; 
color: #7a876b; }

#hint.hidden:hover { background: #dff5c4; color: #000; cursor: pointer; }
#hint.hidden .payload { display: none; }

#hint.shown { background: #fff; color: #000; }
#hint.shown .trigger { display: none; }
#hint.shown .payload { display: block; }

任何人都可以帮我修改JAVA / HTML代码，以便我可以将所有行插入提示部分吗？非常感谢你。

Answer 1

在{{#Hint}}部分的第三行，您必须更改：

'<p class="payload">{{Hint}}</p>'

收件人：

'<pre class="payload">{{Hint}}</pre>'

anki - HTML - JAVA提示不允许我输入新的一行

1 个答案: