有没有办法访问榆树页面之外的元素

Is there a way accesses a element outside of the elm page

不久前,我在查看一些旧代码时发现了一个 PHP CMS 和模板系统。我想知道是否有办法使用 elm 代码而不是 PHP 作为模板。我想制作一个包含内容的 HTML div 并使用 elm 将数据从 div 中取出并放入应用程序

我不知道该尝试什么,因为 Google Whosebug 也没有任何帮助。

模板系统相当简单,因为我正打算将其换成

   <body>
     <div>
       <?php foreach ( $posts_array as $post ) : ?>
           <div>
               <h1><?php echo $post->page_title; ?></h1>
               <p><?php echo $post->page_content; ?></p>
           </div>
       <?php endforeach; ?>
     </div>
          <!-- Elm Here -->    
   </body>

如果我理解正确,您需要将 php 数据转换为 JSON,然后通过标志将 JSON 数据导入您的 elm 应用程序:

<?php $flags = htmlspecialchars(json_encode($posts_array), ENT_QUOTES, "UTF-8"); ?>
<div id="elm" data-flags="<?php echo $flags; ?>"></div>
<!-- Load elm js file here -->
<script>
    var node = document.getElementById("elm");

    var app = Elm.Main.init({
        node: node,
        flags: JSON.parse(node.dataset.flags)
    });
</script>