Tech
[Blogger] Blogger/blogspot 编辑器 内部 iframe 应用 CSS 实现所见即所得 WYSIWYG 油猴篡改猴 tampermonkey 脚本
前言
前面 改进了 blogger 编辑器, 加入了 pre 和 code 的功能按钮
也 改进了 博客的模板, 能更好的显示 blockquote, pre, code
然后就觉得, 编辑器里面的显示效果有点丑. 主要是原本编辑器就没有 pre 和 code 的功能, 没有合适的显示效果.
思路
我就想, 如果我把 模板里面的 CSS 片段抽出来, 然后应用到 编辑器页面, 不就行了吗?
先让 Agent 帮我把之前制作的模板里面关于 h2, p, blockquote, code, pre 的 CSS 抽取出来, 得到
h2 {
border-bottom: 1px solid #e8eaed;
padding-bottom: 6px;
}
p {
margin: 0.85em 0;
}
blockquote {
margin: 1em 0;
padding: 8px 16px;
border-left: 4px solid #dadce0;
color: #5f6368;
background:...
Read the full discussion on V2EX
This article was aggregated from V2EX. Click to join the conversation.
View on V2EX