使用jQuery创建HTML模板

我正在寻找简化创建html电子邮件的过程，使拖放不同元素来编译最终产品变得简单。使用jQuery创建HTML模板

我已经创造了一系列的HTML内容块（1列的故事，2列故事，广告块等），并想创造的东西，将允许用户：

将HTML内容根据需要块元素在舞台上，并整理这些在任何时候
编辑文本和图像区域中的每个内容块
允许我导出最终编译的HTML - 准备第三方邮件管理应用程序

我已经看过jQuery sortable &可拖动，但知道这些只是图片的一小部分。我想知道是否有人创造了类似的东西，或者能够指出我为了完成这个目标而朝着正确的方向发展？

来源

2012-04-20 Nelga

你想要一个编辑器吗？ – AlphaMale 2012-04-20 06:44:21

如果你看过这家公司发送的电子邮件的长度和复杂程度（这是另一个问题） – Nelga 2012-04-20 06:54:16

你也可以这么说，这是不可能的。考虑到所有不同的电子邮件客户端的复杂性和无数的细微差别，这将非常困难 – Undefined 2012-04-20 21:31:13

尝试jQuery的模板，它为您提供了更多的灵活性Jquery Template

从jQuery的例子。

<script id="movieTemplate" type="text/x-jquery-tmpl"> //this is template 
    <li><b>${Name}</b> (${ReleaseYear})</li> 
</script> 

<ul id="movieList"></ul> 

<script> 
var movies = [ // data for the template 
    { Name: "The Red Violin", ReleaseYear: "1998" }, 
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, 
    { Name: "The Inheritance", ReleaseYear: "1976" } 
]; 

/* Render the template with the movies data and insert 
    the rendered HTML under the "movieList" element */ 

$("#movieTemplate").tmpl(movies) 
    .appendTo("#movieList"); 
</script>

，如果你想要更多的功能，你可以尝试HandleBar.JS HandleBar JS

Basic HandleBarjs expressions

来源

2012-04-20 06:45:07

谢谢你，我会检查出来。我应该担心他们发布了此警告吗？ “jQuery团队已经决定不把这个插件过去测试版，它不再被积极开发或维护。” – Nelga 2012-04-20 06:55:29

是的，它是可能的，我现在才建的正是这种工具。

的一些陷阱：

您将需要一点点的服务器端代码，因为何种浏览器的最终用户正在使用将略有改变的代码。之后，我使用了一些后期处理来清理不必要/有害的代码。
避免所见即所得的编辑器，因为你会花费大量的时间去除他们的垃圾，同时试图保持用户试图拥有的风格。相反，请使用contenteditable属性，以及您自己的简单样式选项来设置粗体，斜体和您想要提供的任何其他内容。
请注意您在可能在网页浏览器（使用CSS3）中所做的所有事情，您无法在电子邮件中执行此操作。首先对电子邮件客户端中的模板进行渲染测试，然后将它们转换为您的模块。

来源

2012-05-23 22:02:12

/* Render the template with the movies data and insert 
    the rendered HTML under the "movieList" element */ 

$("#movieTemplate").tmpl(movies).appendTo("#movieList");

来源

2012-06-04 13:12:30

使用jQuery创建HTML模板

回答

相关问题