有没有办法访问榆树页面之外的元素
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>
不久前,我在查看一些旧代码时发现了一个 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>