Comments (2)
可能是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.
对于浏览器来说,引用块对应的 <blockquote>
标签的默认渲染样式是左侧进行缩进。你在 CKEditor 编辑框里看到的样式是编辑器本身额外添加的 CSS 样式,并不是引用块本身的样式。如果你想让引用块使用更丰富的样式显示,需要手动添加 CSS 代码。
编辑器提交的只是输入文本的 HTML 源码,不包含样式定义:
<p>鲁迅说:</p>
<blockquote>
<p>今天天气不错。</p>
</blockquote>
from flask-ckeditor.
Related Issues (20)
- Image Upload Issue HOT 1
- AttributeError: 'NoneType' object has no attribute 'filename' HOT 5
- Add configuration CKEDITOR_CONTENTS_CSS
- is there a way to add babel/babelex support to translate the editor labels? HOT 8
- Documentation not available HOT 3
- Add example for external file browser integration
- Drop Python 2 support
- Move CI to GitHub Actions
- CKEditor fillEmptyBlocks Configuration
- Flask-CKEditor 1.0 Plan
- Markup removed in Flask 3.0.0 HOT 2
- Add readthedocs config file
- Format keys not working
- cleanify is missing HOT 1
- Code Snippet plugin not working in rendered HTML
- Where does the CKEditor Bundle go? HOT 2
- there is no static folder in pypi package 0.5.1
- there is no static folder in pypi package 0.5.1 HOT 1
- Warning CKEditor 4.14.0 version is not secure HOT 13
- Update bundled resources to 4.22.1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flask-ckeditor.