如何将@media打印样式应用于 ckeditor 实例
How can I apply a @media print style to a ckeditor instance?
我尝试在页面中定义@media
样式以及我在配置中传递 ckeditor 的外部文件,但当我单击工具栏中的打印按钮时,似乎都没有任何效果。
这个例子(框架)应该给你一些想法(jsFiddle):
CKEDITOR.replace( 'editor', {
plugins: 'toolbar,wysiwygarea,sourcearea,print,basicstyles',
on: {
// When CKEditor DOM is loaded, append stuff to <head>.
contentDom: function() {
var doc = this.document,
head = doc.getHead();
// Via <link> tag.
doc.createElement( 'link', {
attributes: {
rel: 'stylesheet',
type: 'text/css',
href: 'print.css',
media: 'print'
}
} ).appendTo( head );
// Via <style> tag.
var style = doc.createElement( 'style', {
attributes: {
type: 'text/css'
}
} );
style.setText( '@media print { * { color: red } }' );
style.appendTo( head );
}
}
} );
相关文章:
- 将函数的上下文应用于javascript变量
- 将CSS应用于printWindow.print();在Javascript中
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- $scope.apply()何时应用于angular
- Javascript非常简单:'阅读更多''显示较少'应用于Wordpress的功能
- 尝试应用于<tr>在ng单击中
- 如何将javascript仅应用于1个表单中的2个表单提交按钮中的1个
- 将脚本应用于Angular 2上的输入
- Json和$scope的角度之间的差异$eval应用于JSON字符串时
- 如何将参数应用于String.prototype.format函数
- 动态地将过滤器应用于 JSON.parse()
- $location更改不适用于ngchange,而是应用于ngclick
- 如何将 :empty 选择器应用于 XML 文档
- 如何仅在文本字段中有值时才将自定义过滤器应用于 ng-repeat
- 如何使用 JavaScript 将样式应用于 CKEditor 中的选定文本
- MongoDB 无法将$addToSet应用于 Meteor JS 中的非数组
- 将类应用于jquery ui对话框
- 债权人 - 将外部样式表应用于 CKEditor 文本区域中的内部文本
- 如何将@media打印样式应用于 ckeditor 实例
- 无法将插件应用于CKEDITOR