Contenu connexe
Similaire à The New Rich Text Editor
Similaire à The New Rich Text Editor (20)
The New Rich Text Editor
- 1. The New Rich Text Editor
2012年8月4日
Movable Type 開発エンジニア
天野卓
- 23. 1 body.entry {
2 background: pink;
3 }
4
5 body.page {
6 background: pink;
7 }
編集領域のCSS
- 24. 1 ---
2 id: Content CSS Sample
3 label: Content CSS Sample
4 name: Content CSS Sample
5 version: 1.0
6 class: blog
7
8 elements:
9 default_prefs:
10 importer: default_prefs
11 data:
12 content_css: content_css.css
CSSをテーマで指定
- 41. 1 id: EnterBrForTinyMCE
2 name: EnterBrForTinyMCE
3 version: 1.00
4
5 editors:
6 tinymce:
7 config:
8 force_br_newlines: true
9 force_p_newlines: ~
10 forced_root_block: ''
Enterキーでbrを挿入
https://gist.github.com/281e26f60c092714b702
- 42. 1 id: HTML5ForTinyMCE
2 name: HTML5ForTinyMCE
3 version: 1.00
4
5 editors:
6 tinymce:
7 config:
8 schema: html5
9 verify_html: true
10 valid_children: ''
HTML5モード
https://gist.github.com/78cf419f9456612e7d84
- 43. 1 id: RelativeURLForTinyMCE
2 name: RelativeURLForTinyMCE
3 version: 1.00
4
5 editors:
6 tinymce:
7 config:
8 relative_urls: ~
9 convert_urls: true
10 remove_script_host: true
リンクを相対パスに変換
https://gist.github.com/1f234647a582266c5a8b
- 44. もう少し本格的に
カスタマイズをする
https://github.com/movabletype/Documentation/wiki/Movable-Type-5.2-
%E3%81%AE%E3%83%AA
%E3%83%83%E3%83%81%E3%83%86%E3%82%AD
- 45. 1 id: TableFeatureForTinyMCE
2 name: TableFeatureForTinyMCE
3 version: 1.02
4 author_name: Six Apart, Ltd.
5
6 editors:
7 tinymce:
8 extension: extension.tmpl
TableFeatureForTinyMCE
https://github.com/movabletype/mt-plugin-table-feature-for-tinymce
- 51. 1 id: MiscSettingsForCKEditor
2 name: MiscSettingsForCKEditor
3 version: 1.00
4
5 editors:
6 ckeditor: テキスト
7 config:
8 enterMode: 2
Enterキーでbrを挿入
https://gist.github.com/2b693224295014d96e3a
- 55. 1 id: MiscSettingsForCodeMirror
2 name: MiscSettingsForCodeMirror
3 version: 1.00
4
5 editors:
6 テキスト
codemirror:
7 config:
8 lineNumbers: ~
行番号を表示しない
https://gist.github.com/dfe6652e982eee34adb8