Giter Site home page Giter Site logo

Comments (2)

weijiang1994 avatar weijiang1994 commented on August 9, 2024

可能是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;
        }

from flask-ckeditor.

greyli avatar greyli commented on August 9, 2024

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

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

<p>鲁迅说:</p>

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

from flask-ckeditor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.