获取Meteor中合并的css文件的URL
Meteor将所有css文件合并在一起,作为构建过程的一部分,并生成一个名为/merged stylesheets.css?biglongnumber的css文件 我在Meteor应用程序中使用TinyMCE,我希望TinyMCE窗口中的内容使用与其所在页面相同的css。TinyMCE有能力做到这一点:获取Meteor中合并的css文件的URL,css,meteor,tinymce,stylesheet,Css,Meteor,Tinymce,Stylesheet,Meteor将所有css文件合并在一起,作为构建过程的一部分,并生成一个名为/merged stylesheets.css?biglongnumber的css文件 我在Meteor应用程序中使用TinyMCE,我希望TinyMCE窗口中的内容使用与其所在页面相同的css。TinyMCE有能力做到这一点: tinyMCE.init({ content_css : '/myStyles.css' }); 因此,我想获得合并样式表的路径,以便将其传递给TinyMCE。有没有办法做到这一点?
tinyMCE.init({
content_css : '/myStyles.css'
});
因此,我想获得合并样式表的路径,以便将其传递给TinyMCE。有没有办法做到这一点?您可以使用浏览器DOM获取当前页面上CSS文件的URL,然后制作一个逗号分隔的列表,并将其交给TinyMCE。以下仅获取与当前域(&端口和方案)匹配的CSS文件:
//获取正在使用的CSS文件
var schemeDomainPort=location.protocol+'/'+location.hostname+(location.port?':“+location.port:”);
var cssFiles='';
for(var i=0;i
您可以使用浏览器DOM获取当前页面上CSS文件的URL,然后制作一个逗号分隔的列表,并将其交给TinyMCE。以下仅获取与当前域(&端口和方案)匹配的CSS文件:
//获取正在使用的CSS文件
var schemeDomainPort=location.protocol+'/'+location.hostname+(location.port?':“+location.port:”);
var cssFiles='';
for(var i=0;i
使用/合并样式表的任何原因本身都不起作用吗?之后的东西?没关系…我的理解是课文后的内容吗?用于为CSS文件添加版本/时间戳,因此如果未提供该文件,则浏览器可能会使用错误的文件版本。明白了…在末尾添加Math.random()*100000怎么样?+new Date()
可能会更好-这是一种浏览器缓存破坏器。这些建议会起作用,但不是最佳建议,因为它们会导致浏览器多次不必要地下载CSS文件。我真正想要的是找出文件的实际URL。使用/合并样式表本身不起作用有什么原因吗?之后的东西?没关系…我的理解是课文后的内容吗?用于为CSS文件添加版本/时间戳,因此如果未提供该文件,则浏览器可能会使用错误的文件版本。明白了…在末尾添加Math.random()*100000怎么样?+new Date()
可能会更好-这是一种浏览器缓存破坏器。这些建议会起作用,但不是最佳建议,因为它们会导致浏览器多次不必要地下载CSS文件。我真正想要的是找出文件的实际URL。
//Get CSS files being used
var schemeDomainPort = location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: '');
var cssFiles = '';
for (var i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].href && document.styleSheets[i].href.indexOf(schemeDomainPort) === 0) {
cssFiles += cssFiles ? ',' + document.styleSheets[i].href : document.styleSheets[i].href;
}
}
//Configure TinyMCE
$scope.tinymceOptions = {
content_css: cssFiles,
...
}