引用样式好像没有生效？

weijiang1994 commented 4 years ago

运行示例程序中，发现引用块提交后样式会变成普通p标签的样式，不知道是不是CKEditor的bug。

weijiang1994 commented 4 years ago

可能是CKEditor的样式没有生效，我在显示页面重写了blockquote的样式，我用的代码样式如下所示:

blockquote {
            font: 14px/22px normal helvetica, sans-serif;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 0px;
            padding: 10px 10px 10px 15px;
            border-left: 3px solid #70b8f0;
            background-color:rgba(0,132,255,.08);
            border-radius: 0px 8px 8px 0px ;
        }

由于CKEditor中的p标签默认带有margin-bottom:16px属性，在blockquote中看起来很别扭，不居中，因此还加了个子元素p标签的样式，代码如下：

blockquote>p {
            font: 14px/22px normal helvetica, sans-serif;
            margin: 5px 0px 5px 0px;
            font-style:italic;
        }

greyli commented 4 years ago

对于浏览器来说，引用块对应的 <blockquote> 标签的默认渲染样式是左侧进行缩进。你在 CKEditor 编辑框里看到的样式是编辑器本身额外添加的 CSS 样式，并不是引用块本身的样式。如果你想让引用块使用更丰富的样式显示，需要手动添加 CSS 代码。

编辑器提交的只是输入文本的 HTML 源码，不包含样式定义：

<p>鲁迅说：</p>

<blockquote>
<p>今天天气不错。</p>
</blockquote>

helloflask / flask-ckeditor

引用样式好像没有生效？ #43