字母预览 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>