Question

我尝试使用Remark.js根据提供的模板创建HTML演示文稿。该模板包含带有textarea的{{1}}标记，其中只会复制降价标记。我想找一个解决方案，我可以离开模板，只需更改加载的文件，这样我就不会＃39; t必须在HTML文件中工作并将降价分开。

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

id='source'

我在JS控制台中没有收到任何错误，但我也看不到任何错误。当我只是将文件复制到<!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>时，它正常工作，因此降价文件就可以了。

我使用textarea运行Chrome，这样至少我不会收到跨源请求错误。但是，这并不令人满意，因为我打算将HTML文件（和相关文件）放在Dropbox中。如果可能的话，我不想在本地运行网络服务器，因为它只是一个简单的＆＃39;带有一些文本的HTML文件从另一个文件中复制。

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

Answer 1

这将解决您的问题：

通过将调用添加到回调函数来加载数据后创建备注。

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

将markdown文件加载到HTML的textarea中

1 个答案: