防止内容CSS更改Summernote html所见即所得编辑器页面

时间:2018-11-06 11:11:06

标签: javascript html css razor summernote

我们正在使用Summernote所见即所得编辑器来审阅/预览html内容,其中某些内容包含外部样式表引用。其中的某些CSS不仅更改了Summernote本身,而且更改了Summernote所在的父页面。

为了演示,只需转到summernote.org页并将此CSS参考放入在线编辑器中(首先选择“ ”进行代码视图)。您应该看到工具栏(和某些页面上的内容)变得居中,并且由于编辑器中的CSS而进行了其他不希望的更改:-

<link href="https://owa.kccd.edu/owa/14.3.248.2/themes/resources/logon.css" rel="stylesheet" type="text/css" />

我们试图将summernote放在iframe标记中,但这无济于事,有没有办法隔离summernote从而防止CSS泄漏到周围页面?

作为参考,我们使用asp.net Razor页面。

谢谢。 詹姆斯

1 个答案:

答案 0 :(得分:0)

经过大量研究,似乎因为Summernote不在其自己的iFrame中,包含在其中的任何CSS都会自然地向周围的页面传播。尽管我手头没有该信息源,但其他人对此发表了评论。

我们别无选择,只能改用ckeditor,它可以很好地满足我们的需求。