anki - HTML - JAVA提示不允许我输入新行
anki - HTML - JAVA提示不允许我输入新行
提问于 2017-12-03 17:35:08
我正在使用anki，并尝试插入“提示”和解释。我从youtube上的一个人那里获取了一个代码，他就是这样创造的--点击一个提示符号，然后才会显示提示的内容。这是指向视频的链接- https://www.youtube.com/watch?v=Hv0IxQSYZiM，这是他编写的代码，我将其插入到Anki - http://pastebin.com/raw/tqWNkeHV中
我遇到的问题是，我得到的提示中有多行/图像，这种方法不允许我以一种好的方式显示它们。代码将只接收“提示”类别中的第一行，而不会隐藏其余内容。看起来是这样的-
这是当前的代码-
{{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代码，这样我就可以把所有的行都插入到提示部分？非常感谢。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47617094
复制相关文章
相似问题
腾讯云开发者
