字母预览PHP / JQuery

Question

我有一组字段，如标题，正文，页眉，页脚，签名等。当我填写这些字母部分的字段时，正在填充的内容的预览应显示为此处给出的链接：http://www.cvplaza.com/wp-content/uploads/2012/09/cover-letter-example.png

我将使用codeigniter开发它，并希望了解库或任何其他技术来实现这一目标。我还需要为字母设置预定义模板，这样一旦我加载它们，我就可以填写详细信息和预览填充格式并显示最终草稿。

Answer 1

某事like this？

猜猜一些正常的html就足够了，只需创建一个html模型，包括一些<address>标签等（或任何你想要的），并使用一些css使它看起来像你想要的。没什么特别的......

修改

回复评论：是和否，当然你可以限制字符数甚至单词，但请注意，基于文本计算维度几乎是不可能的。除了等宽字体外，每个字母都有自己的宽度，它基于几个变量，其中包括渲染引擎，它取决于操作系统，甚至是浏览器，选择的字体等等。

除非你有大量的时间和/或资源，否则我会选择一个实用的解决方案。如果你有两者，你可以使用例如动态解析pdf文件。 FPDF或TCPDF。或者您可以查看动态解析LaTeX，这样可以轻松创建页面布局，从而获得漂亮的结果。但考虑一下;这值得吗？

对于html和latex，您可以像创建普通html模板一样创建模板。我在小提琴中创建的模板示例在php中看起来像这样：

<div class="letter">
    <header>
        <div class="sender">
            <address>
            <?php echo $sender['name']; ?><br/>
            <?php echo $sender['address']; ?><br/>
            <?php echo $sender['city']; ?><br/>
            <?php echo $sender['zip']; ?><br/>
            </address>
        </div>
        <div class="date">
            <?php echo $date; ?>
        </div>
        <div class="recipient">
            <address>
                <?php // recipient... ?>
            </address>
        </div>
    </header>
    <div class="body">
        Dear <?php echo $recipient['full_name']; ?><br/>
        <br/>
        <strong><?php echo $subject; ?></strong><br/><br/>
        <?php echo nl2br($message_body); ?>
    </div>
</div>