将 markdown 文件加载到 HTML 的文本区域

Question

我正在尝试使用 Remark.js 根据提供的模板创建 HTML 演示文稿。该模板包含带有 id='source' 的 textarea 标签，其中只需复制降价。我想寻求一个解决方案，我可以离开模板，只更改加载的文件，这样我就不会' 必须在 HTML 文件中工作并保持降价分开。

我试过使用 jQuery（我是菜鸟），但它似乎不起作用，页面保持空白。这是我尝试过的：

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8' />
    <title>My presentation</title>
    <link rel='stylesheet' type='text/css' href='presentation.css'>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
    <script src='https://gnab.github.io/remark/downloads/remark-latest.min.js'></script>
  </head>
  <body>

    <textarea id="source"> </textarea>

    <script>
      $('#source').load('presentation.md');
    </script>

    <script>
      var slideshow = remark.create();
    </script>
  </body>
</html>

我在 JS 控制台中没有收到任何错误，但我也没有看到任何内容。当我简单地将文件复制到 textarea 时，它按预期工作，所以 markdown 文件没问题。

I 运行 Chrome 与 --allow-file-access-from-files 这样至少我不会收到跨域请求错误。然而，这并不令人满意，因为我打算将 HTML 文件（和相关文件）放在 Dropbox 中。如果可能的话，我不想运行本地网络服务器，因为它只是一个 'simple' HTML 文件，其中一些文本是从另一个文件复制过来的。

实现此目的的最佳方法是什么，即按原样复制文件？

Answer 1

这将解决您的问题：

通过添加对回调函数的调用，在加载数据后创建备注。

<script>
  $('#source').load('presentation.md', function() {
    var slideshow = remark.create();
  });
</script>

将 markdown 文件加载到 HTML 的文本区域

Load markdown file into HTML's textarea

javascript

jquery

html

markdown