add instruction for adding custom styles to README file

parent 30bbaaf4
......@@ -13,3 +13,62 @@
## Использование
`$ firefox index.html`
## Настройка
### Добавление собственных стилей в CKEditor
Для добавления собственного стиля необходимо редактировать файл js/ckeditor.editor.js.
Файл содержит конфигурацию редактора. Стили задаются в массиве 'stylesSet':
```javascript
stylesSet: [
/* Inline Styles */
{ name: 'Marker', element: 'span', attributes: { 'class': 'marker' } },
...
/* Object Styles */
{
name: 'Compact table',
element: 'table',
attributes: {
cellpadding: '5',
cellspacing: '0',
border: '1',
bordercolor: '#ccc'
},
styles: {
'border-collapse': 'collapse'
}
}
```
Для добавления стиля необходимо добавить объект к массиву:
```javascript
{
name: 'StyleName',
element: 'HTMLelement',
attributes: { HTMLattribute: 'value'; ... },
styles: {
'CSSattribute': 'value'
}
}
```
Где **StyleName** - имя стиля, будет отображено в списке
**HTMLelement** - имя html тэга, который будет использоваться для элементов стиля
**CSSattribute** - имя аттрибута css, например, background-color
**HTMLattribute** - имя аттрибута html, например, width
**value** - значение аттрибутов, должно быть в одинарных кавычках
Пример добавления собственного стиля, который будет делать текст красным:
```javascript
{
name: 'Красный текст',
element: 'span',
styles: {
color: red;
}
}
```
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment