首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >试图将Motoko片段添加到edX页面,并且只解析该HTML

试图将Motoko片段添加到edX页面,并且只解析该HTML
EN

Stack Overflow用户
提问于 2022-01-26 10:01:16
回答 2查看 87关注 0票数 0

这是当前的片段,当插入到页面上时,它不运行edX中的任何Motoko脚本。

目前正在分析的所有内容都是Html部分。

脚本是指向正确的文件位置,还是我在上传过程中做错了什么?

代码语言:javascript
复制
    <div id="counter" class="listingblock">
<div class="content">
<pre class="highlightjs highlight"><code class="language-motoko hljs" data-lang="motoko">actor Counter {
​
  var value = 0;
​
  public func inc() : async Nat {
    value += 1;
    return value;
  };
}</code></pre>
</div>
</div>
​
​
<!-- Start of dfinity Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=53121947-c10a-484c-b99b-f89a9fb6f63e"> </script>
<!-- End of dfinity Zendesk Widget script -->
<script async type="text/javascript" src="https://courses.edx.org/asset-v1:DFINITY+IC001+3T2021a+type@asset+block@behavior.js"></script>
<script async type="text/javascript" src="https://courses.edx.org/asset-v1:DFINITY+IC001+3T2021a+type@asset+block@highlight.bundle.js"></script>
​
<script type="text/javascript" src="https://courses.edx.org/asset-v1:DFINITY+IC001+3T2021a+type@asset+block@run_repl.js"></script>
​
<script type="module">
  import {CodeJar} from 'https://cdn.jsdelivr.net/npm/codejar@3.2.3/codejar.min.js';
  import {withLineNumbers} from 'https://cdn.jsdelivr.net/npm/codejar@3.2.3/linenumbers.js';
  window.CodeJar = CodeJar;
  window.withLineNumbers = withLineNumbers;
</script> 
<script type="module">
  import {CodeJar} from 'https://medv.io/codejar/codejar.js'
</script>
<script type="text/javascript">
async function addPackage(name, repo, version, dir) {
  const meta_url = `https://data.jsdelivr.com/v1/package/gh/${repo}@${version}/flat`;
  const base_url = `https://cdn.jsdelivr.net/gh/${repo}@${version}`;
  const response = await fetch(meta_url);
  const json = await response.json()
  const promises = [];
  const fetchedFiles = [];
  for (const f of json.files) {
    if (f.name.startsWith(`/${dir}/`) && /\.mo$/.test(f.name)) {
      const promise = (async () => {
        const content = await (await fetch(base_url + f.name)).text();
        const stripped = name + f.name.slice(dir.length + 1);
        fetchedFiles.push(stripped);
        Motoko.saveFile(stripped, content);
      })();
      promises.push(promise);
    }
  }
  Promise.all(promises).then(() => {
    Motoko.addPackage(name, name + '/');
    console.log(`Loaded motoko library "${name}"`);
    changeCodeBlock(); // from run_repl.js
  });
}
function loadBase() {
  addPackage('base', 'dfinity/motoko-base', 'dfx-0.8.4', 'src');
}
</script>
​
<script async src="https://courses.edx.org/asset-v1:DFINITY+IC001+3T2021a+type@asset+block@moc-interpreter-0.6.20.js" onload="loadBase()"></script>
EN

回答 2

Stack Overflow用户

发布于 2022-07-05 18:48:14

在查看了您的代码之后,可能会有一些遗漏的部分来解决这个问题。

  1. -- hightjs脚本丢失了,您可以将它附加到头部或身体上。您可以选择是否包含它们的样式表。https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js

  1. run_repl run_repl here (https://courses.edx.org/asset-v1:DFINITY+IC001+3T2021a+type@asset+block@run_repl.js)有意想不到的字符(反斜杠),因此文件无法真正工作。请从这里复制和复制:https://github.com/dfinity/antora-sdk/blob/master/src/js/vendor/run_repl.js

  1. 在Dfinity的网站中添加了一些样式,这已经被引用了。我已经把它放到了这个复制项目的样式表中。看看!

https://replit.com/@Sue-AnnAnn/Motoko-highlight#index.html

票数 1
EN

Stack Overflow用户

发布于 2022-11-16 06:32:24

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70861628

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档