将基于类的样式更改为内联样式
Change class based styles to inline styles
是否有一种服务可以将基于类的样式更改为内联样式?我需要设计一个电子邮件和工作与类是迄今为止更容易和更快,但一切都必须改变内联样式在最后。似乎应该有一个程序可以做到这一点,但我似乎找不到任何东西。
<table class="g">
<tr>
<td>
<p>
content should be bright green
</p>
<span>
content should be red and bold
</span>
</td>
</tr>
</table>
<style>
table.g p{
color:#3f0;
}
table.g span{
color:#f00;
font-weight:bold;
}
</style>
是否可以自动更改为
<table>
<tr>
<td>
<p style="color:#3f0;">
content should be bright green
</p>
<span style="color:#f00;font-weight:bold;">
content should be red and bold
</span>
</td>
</tr>
</table>
使用某种软件,了解如何应用CSS规则,并可以自动转换它们?
*标记与javascript和jquery的情况下,有一种方法做到这一点使用。
- 应用:
- http://beaker.mailchimp.com/inline-css
- Python:
- https://github.com/davecranwell/inline-styler
- https://github.com/rennat/pynliner
- https://github.com/peterbe/premailer(将相对路径改为绝对路径)
- PHP:
- https://github.com/tijsverkoyen/CssToInlineStyles
- https://github.com/christiaan/InlineStyle(允许使用外部CSS样式表)
- Ruby:
- https://github.com/maca/inline-style
- https://github.com/purify/mail_style(纠正img标签中的src attr)
- JavaScript:
- https://github.com/LearnBoost/juice
- https://npmjs.org/package/grunt-email-builder (Grunt.js插件)
- https://github.com/jonkemp/gulp-inline-css
- c#
- https://github.com/milkshakesoftware/PreMailer.Net
相关文章:
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 如何在ExtJs中获得将应用于给定类列表的样式
- 使用css类将自定义样式应用于上下文按钮的Highcharts
- 使用 css 类和正则表达式将样式动态应用于文本的各个部分
- 如何将样式应用于类的单个元素,同时从同一类的前一个元素中删除样式
- jQuery样式的类不起作用
- 如何返回外部样式表类应用于元素的所有CSS属性(不获取计算样式!)
- 我如何使用Javascript“;部分类”;具有TypeScript样式的类定义
- 确定正在使用的浏览器,然后为依赖于该浏览器的类设置样式
- 使用dojo将CSS样式应用于具有相同CSS类的多个节点
- Babel.js方法装饰器应用于类而不是方法
- 函数可以看作类似于类吗?
- 如何改变react组件的样式和类
- CSS改变样式/动画样式使用类或javascript
- CSS样式在类被移除后没有被移除
- 我可以使用javascript来检查样式属性上的对象已经样式与类
- 当应用鼠标悬停样式时,通过箭头键导航删除应用于列表项的选定类
- 选中所有带有样式javascript类的复选框'工作
- 在声明内联样式与类时行为会发生变化
- 删除所有包含以下样式的类