如何在不预加载的情况下动态添加tinymce到php页面？

Question

我正在开发一个PHP项目，该项目显示清单中的步骤列表。当有人点击编辑按钮时，我有一个bootstrap模式弹出窗口，带有一个tinymce编辑器，供他们编辑现有记录。

我的问题是因为我试图找出一种有效的方法来检索结束编辑该单个步骤的数据。现在我的代码工作，但是当页面加载时，它需要为我的循环中的每个实例初始化一个tinymce实例。

有没有办法让我的模态在我写的循环之外工作，换句话说，我想弄清楚如何将php数据传递到单个模态/ tinymce实例。

以下是我正在处理的示例代码：

<form method="post">
    <button id="add">Add</button>
</form>
<div class="container steps"id="sortable">
    <?php foreach($list as $l): ?>
    <?php $id = $l->id; ?>
    <div id="step-<?php echo $l->id;?>">
        <div name="<?php echo $l->id;?>">
            <div  class="content"><?php echo $l->step_text; ?></div>
            <span class="editable" data-toggle="modal" data-target="#test-<?php echo $id;?>"><i class="glyphicon glyphicon-pencil"></i></span>
            <span class="remove"><i class="glyphicon glyphicon-trash"></i></span>
        </div>
    </div>
    <!--- Modal -->
    <div class="modal fade" id="test-<?php echo $id;?>">
        <div class="modal-content">
            <div class="modal-header">
                <button  class="btn btn-danger lose" data-dismiss="modal">X</button>
                <h2>STEP: <?php echo $l->step;?></h2>
            </div>
            <div class="modal-body">
                <form action="../processes/save.php" method="post">
                    <textarea name="checklist" id="stuff" class="TinyMCE"><?php echo $l->step_text; ?></textarea>
                    <input type="hidden" name="cid" value=<?php echo $l->id;?>>
                    <input type="submit" value="Save">
                </form>
            </div>
        </div>
    </div>
    <?php endforeach; ?>
</div>