(JS) Flask 中的 Markdown 问题

Question

我的 flash 项目中的 markdown 有一个小问题。我希望降价适用于所有 post，目前它只适用于第一个 post。我怀疑我需要使用某种循环，但我不知道该怎么做才能让它工作。

代码：

{% extends "layout.html" %}
{% block content %}
<article class="media content-section">
  <div class="media-body">
    {% for post in document.posts %}
     
    <div class="article-metadata">
      
      <h3><a class="article-title" href="{{ url_for('posts.post', post_id=post.id) }}">{{ post.title }}</a></h3>
      <p class="article-content">{{ post.content }}</p>
    </div>
    {% endfor %}
  </div>
</article>
<script>
  const content_text = document.querySelector(".article-content");
  content_text.innerHTML = marked(content_text.innerHTML);
</script>
{% endblock content %}

Pic of the posts on website

Answer 1

querySelector returns 第一个元素用 class。您需要使用 querySelectorAll 获取所有元素，然后使用 for 循环循环并将 markdown 应用到每个元素。

const content_text = document.querySelectorAll(".article-content");
for (i = 0; i < content_text.length; i++){
      content_text[i].innerHTML = marked(content_text[i].innerHTML);
}

(JS) Flask 中的 Markdown 问题

(JS) Markdown issue in flask

javascript

markdown