invisi/tinymce-docs-4x
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

grammar edits

Browse Source
This commit is contained in:
Shikha
2018-08-06 13:05:22 +10:00
committed by GitHub
parent ef8fcf62ce
commit 0bf7bae347
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
advanced/boilerplate-content-css.md
+17 -17
View File
@@ -2,39 +2,39 @@
layout: default
title: Boilerplate Content CSS
title_nav: Boilerplate Content CSS
description_short: Learn how to setup CSS for your site to integrate TinyMCE.
description: Learn how to setup CSS for your site to integrate TinyMCE.
description_short: Learn how to set up CSS for your site to integrate TinyMCE.
description: Learn how to set up CSS for your site to integrate TinyMCE.
keywords: css content_css
---
There are a few advanced features in TinyMCE that require some CSS to be added to the page that displays the contents produced by the editor. In general you want to get as clean output as possible from a rich text editor and some of the more advanced features like captioned images uses CSS rather than inline styles to render properly.
There are a few advanced features in TinyMCE that require some CSS to be added to the page that displays the contents produced by the editor. In general, you want to get an as clean output as possible from a rich text editor, and some of the more advanced features like captioned images use CSS rather than inline styles to render correctly.
This Boilerplate CSS can be used to style these advanced elements. This CSS file can be used within the editor using the [content_css]({{ site.baseurl }}/configure/content-appearance/#content_css) option and also on your page where the saved content is presented.
```css
/* Image captions using the HTML5 figure element */
figure.align-left {
float: left;
float: left;
}
figure.align-right {
float: right;
float: right;
}
figure.image {
display: inline-block;
border: 1px solid gray;
margin: 0 2px 0 1px;
background: #f5f2f0;
display: inline-block;
border: 1px solid gray;
margin: 0 2px 0 1px;
background: #f5f2f0;
}
figure.image img {
margin: 8px 8px 0 8px;
margin: 8px 8px 0 8px;
}
figure.image figcaption {
margin: 6px 8px 6px 8px;
text-align: center;
margin: 6px 8px 6px 8px;
text-align: center;
}
/*
@@ -42,24 +42,24 @@ figure.image figcaption {
check out the "formats" option
*/
img.align-left {
float: left;
float: left;
}
img.align-right {
float: right;
float: right;
}
/* Basic styles for Table of Contents plugin (toc) */
.mce-toc {
border: 1px solid gray;
border: 1px solid gray;
}
.mce-toc h2 {
margin: 4px;
margin: 4px;
}
.mce-toc li {
list-style-type: none;
list-style-type: none;
}
/*