forms - 填空故事生成器

Question

我有兴趣为孩子们创建一个填空故事生成器。我想创建一个表单，他们可以在其中输入角色名称和其他内容，并将这些数据填充到预制故事中。在他们点击提交后，他们将被带到一个后续页面，其中包含他们的输入和纯文本的故事。我对此很陌生，但非常渴望学习。创建这种生成故事的表单的最佳方法是什么？

Answer 1

您似乎需要两个数据库表 - 一个用于存储原始故事模板，另一个用于存储生成的文本。模板数据库具有挑战性的部分是表示可以有用户输入的部分。一个想法 - 以下列方式在文本中放置一个特殊格式代码：

从前，在遥远的森林里，住着::00001::。

假设您正在加载该模板，因为它位于表单内的元素中（为此，我会避免使用文本字段，而只是放置文本）。

将文本加载到网页后（javascript onload），用输入字段替换您的标记（我会使用 jquery）。您可以使用 jquery 搜索元素 text/innerHtml 并将其替换为另一个 html 元素。这是一个如何做到这一点的想法。只要元素的文本中有“::”，就可以在 javascript while 循环中用输入替换标记。

然后你的 ::00001:: 可以替换为例如：

< 输入类型='文本' id='input00001' 名称='输入[00001]'/>

然后，当用户提交表单时，您可以获取每个字段的值并将它们存储到具有给定 ID 的第二个数据库中。这样，您以后就可以重新加载它们（相同的过程，只是代替输入，您将用相应的值替换代码）。

这样，在第二个数据库表中，您只保存输入值而不是整个文本，以节省内存。可能在第二个表中，您想存储字段的 id、值、模板 id（以便您知道它对应于哪个故事模板）和用户 id 或至少一个时间戳，以防万一许多为同一模板生成的故事。

希望这可以帮助！