1

我正在使用tinymce wysiwyg为我的网站创建一些漂亮的说明。我只需将 html 生成的代码保存到我的数据库中，然后在页面上显示该 html。

由于我的网站加载了自己的样式表，因此有些东西往往会根据样式规定的内容（如<ul>、<li>或<p>标签）显示出来

如果这些标签中的任何一个是从 生成的tinymce，我网站的样式表将为它们设置样式。

在黑暗中射击 - 是否有一种样式可以使浏览器忽略驻留在特定元素内的所有样式？

对于视觉辅助，这是tinymce我正在制作的快照： 小麦

这是我网站上显示的 html 的快照：

TinyMce 的结果

（这个 html 位于里面 <div id="tinymce_html"><?php echo $tinymce_html; ?></div>）

这是在 main.css 样式表中影响它的 css（站点范围内）

ol, ul {
  list-style:none;
  padding: 0;
  margin: 0;
}

顺便说一句，我只是举例说明<ul>标签的结果。我相信我会遇到更多的标签。（因此我最初的问题是——“是否有一种样式可以让浏览器忽略驻留在特定元素中的所有样式？”）

我不想做的是为与 相关的任何内容创建一个全新的样式表tinymce，或者html我想显示的其他内容不受任何网站样式的影响。

4

2 回答 2

0

看起来你想应用一个 CSS 重置样式表。看看这里，选择最适合你的那个。

您必须使用custom_css tinymce 配置选项将此 css 添加到编辑器中。

于 2013-04-18T06:49:13.237 回答
0

在开始新项目之前始终使用“重置 css”！

看看这个。

将此样式复制粘贴到您的代码上方，然后从这里开始。它重置了所有元素。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
于 2013-04-17T17:17:04.953 回答