Javascript 使用CSS在CKEditor中设置预览样式
我已将CKEditor集成到我的网站CMS中。预览按钮可以工作,但我无法让它使用样式表(CSS)。我已编辑了位于以下位置的preview.html: 网站/编辑/插件/预览/ 但它似乎听不到我围绕从所见即所得编辑器中提取内容的代码编写的任何html 据我所知,这段代码:Javascript 使用CSS在CKEditor中设置预览样式,javascript,html,ckeditor,wysiwyg,Javascript,Html,Ckeditor,Wysiwyg,我已将CKEditor集成到我的网站CMS中。预览按钮可以工作,但我无法让它使用样式表(CSS)。我已编辑了位于以下位置的preview.html: 网站/编辑/插件/预览/ 但它似乎听不到我围绕从所见即所得编辑器中提取内容的代码编写的任何html 据我所知,这段代码: <script> var doc = document; doc.open(); doc.write( window.opener._cke_htmlToLoad ); doc.close(); delete w
<script>
var doc = document;
doc.open();
doc.write( window.opener._cke_htmlToLoad );
doc.close();
delete window.opener._cke_htmlToLoad;
</script>
var doc=单据;
doc.open();
文件写入(窗口打开器检查加载);
doc.close();
删除window.opener.\u cke\u htmlToLoad;
拉入编辑器中的任何内容,所以我应该能够包装html以包含每个页面可用的元素?和样式表的链接
有人这样做过吗?有可能吗?窗口的“opener.\u cke\u htmlToLoad”似乎是一个字符串(包含完整的html文档)
要获取的innerHtml,可以使用以下正则表达式:
var doc = window.opener._cke_htmlToLoad; // is string
var innerBody = ( doc.replace(/((?:.(?!<\s*body[^>]*>))+.<\s*body[^>]*>)|(<\s*\/\s*body\s*\>.+)/g,'') );
document.getElementById('insertIntoMe').innerHTML = innerBody;
var doc=window.opener.\u cke\u htmlToLoad;//是字符串吗
var innerBody=(doc.replace(/((?:(?!])*>)+。]*>)|(.+)/g',);
document.getElementById('insertIntoMe')。innerHTML=innerBody;
从我的测试来看,这似乎只适用于Firefox。但是Chrome和Internet Explorer直接显示窗口文档,不允许任何更改。那么也许其他人可以提供更好的解决方案