More Related Content Similar to The New Rich Text Editor
Similar to The New Rich Text Editor (20) More from Taku AMANO (11) The New Rich Text Editor1. 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