Javascript 嵌入的代码不会显示在WordPress页面中

我有一些简单的代码，其中包含在浏览器中显示web地图所需的所有html、css/样式和javascript。如果我从本地的文件启动它，它将在浏览器中正确打开并显示web地图。我现在正试图使用我的WordPress编辑器/CMS将该代码嵌入到页面中

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<style>
  html, body, #map {
    height: 100%;
    padding: 0;
    margin: 0;
  }
</style>
<script src="https://js.arcgis.com/3.26/"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
  require(["esri/map", "dojo/domReady!"], function(Map) {
    var map;
    require(["esri/map", "dojo/domReady!"], function(Map) {
      map = new Map("map", {
        basemap: "topo",
        center: [-122.45, 37.75],
        zoom: 13
      });
    });
  });
</script>

<div id="map"></div>

html，body，#map{
身高：100%；
填充：0；
保证金：0；
}
要求（[“esri/map”、“dojo/domReady！”），函数（map）{
var映射；
要求（[“esri/map”、“dojo/domReady！”），函数（map）{
地图=新地图（“地图”{
底图：“地形”，
中间：[-122.45,37.75]，
缩放：13
});
});
});

我试着安装一个名为“Scripts n Styles”的插件，该插件可以帮助阅读

标记，但它仍然显示为空白。这是一个全新的Word Press安装，所以我不确定是否需要其他东西，或者我的代码是否配置不正确。任何建议

最好将

标记添加到

中，

链接

（尽管WP已经有此视口标记，因此您可以忽略它）。您可以在页面本身中添加其余部分（在文本部分-不需要插件）。我建议创建一个新模板，请参见：

控制台错误显示多个

定义
。我取出了看似重复的
require
，它可以在页面上正常工作（复制/粘贴）：



html，body，#map{
身高：100%；
填充：0；
保证金：0；
}
var映射；
要求（[“esri/map”、“dojo/domReady！”），函数（map）{
地图=新地图（“地图”{
底图：“地形”，
中间：[-122.45,37.75]，
缩放：13
});
});
您是否使用编辑器中的“文本”视图，我使用的是文本编辑器，而不是视觉。好的，当我将其插入文本编辑器并发布时，它仍然显示为空白。我创造了一个新的主题。我甚至试着按照建议将代码放在页面级别的脚本和标题部分的样式中。当我检查浏览器控制台时，我得到了“未捕获引用错误：未定义require”，因此它没有读取我的cdn或其他内容。为了清楚起见，您添加了上面的两个脚本（特别是
minified/require.js
），然后添加了
require([…
call就在下面？我必须查看页面/错误，才能知道接下来会发生什么，它正在工作。显然，我必须先发布，然后才花一分钟加载。