大家好,我们都知道默认情况下tiny MCE的blockquote会生成
<blockquote> content here </blockquote>
我正在通过CSS设置此样式:
css im使用:
blockquote { border: none; font-family: \'Georgia\', serif; color: #444; font-size: 1.2em;
font-weight: bold; font-style: italic; font-weight: normal;
padding: 0; text-indent: 1.2em; color: #222;
border-bottom: 1px solid #888;
position: relative; bottom: 12px; }
.no-js blockquote { position: static; bottom: auto; border: none; }
blockquote span { position: relative; top: 12px; background-color: white; padding: 0 15px; }
要在不添加不必要的非语义标记的情况下显示尾随行,我需要在blockquote内生成一个span:
<blockquote>
<span>
content here
</span>
</blockquote>
最好不要为此单独编写短代码,只使用本机blockquote按钮。
有人能帮忙吗?
最合适的回答,由SO网友:deathlock 整理而成
如果是为了设计样式,我能想到的最快的解决方案就是使用Javascript。据我所知,修改TinyMCE标记的输出需要编辑Wordpress核心文件,因此添加一个<span>
使用Javascript。这样做可以:
<script type="text/javascript>
$(\'.post blockquote\').wrapInner(\'<span />\');
</script>
在哪里
.post
是单邮件容器的类。