concrete5 CMS is a great CMS to work with !Try It

Great code, great design

cw

TinyMCE Editor Hack

TinyMCE custom setting

TinyMCE エディターのカスタマイズの仕方

今から何年か前に、concrete5 のヘビーユーザーである、スイスのレモさんの公開された、tinyMCE のハックの仕方が記載されています。>> 元ネタ

ダッシュボード>システム設定>基本の中の>テキストエディター設定 内の設定の仕方

そこは4つの設定が選べるようになっています。

Simple / Advance / Office / Custom
シンプル / 詳細 / オフィス / カスタム

◯今回の説明は、このレモさんが示しているハックの方法の解説です。

1、カスタムを選びます。

2、エディターがあらわれ、簡単なプログラムが書き込めるようになります。

3、エディターに下記のコードを記載する。

4、テンプレート用の HTMLのファイルを用意する。(テンプレートの数だけ)

◯管理画面を離れて、通常「コンテンツブロック」を使用するたびに選択された、カスタムエディターが今後表示されて来るようになります。

 

Filename: TinyMCE-Custom

theme : "concrete", 

plugins: "inlinepopups,spellchecker,safari,advlink,template,insertdatetime,",

editor_selector : "ccm-advanced-editor",

spellchecker_languages : "+English=en",

theme_concrete_buttons1 : "undo,redo,pastetext,pasteword,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect",

theme_concrete_buttons2 : "formatselect,bullist,numlist,|,outdent,indent,|,hr,charmap,|,forecolor,backcolor,|,link,unlink,anchor",

theme_concrete_buttons3 : "template,insertdate,inserttime,|,image,cleanup,code,|,fullscreen",

theme_concrete_blockformats : "p,address,pre,h1,h2,h3,div,blockquote,cite",

theme_concrete_toolbar_align : "left",

theme_concrete_fonts : "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats",

theme_concrete_font_sizes : "1,2,3,4,5,6,7",

theme_concrete_styles: "Note=ccm-note",

spellchecker_languages : "+English=en",

template_templates : [

{

title : "2 Columns",

src : "themes/お好きな名前/templates/2col.html",

description : "Adds a 2 columns table",

},

 

],

 

    style_formats : [
            {title : 'h1', block : 'h1'},

            {title : 'h2', block : 'h2'},

            {title : 'h3', block : 'h3'},

            {title : 'h4', block : 'h4'},

            {title : 'h5', block : 'h5'},

            {title : 'h6', block : 'h6'},

            {title : 'p', block : 'p'},

            {title : 'div', block : 'div'},

            {title : 'pre', block : 'pre'},

            {title : 'section', block : 'section', wrapper: true, merge_siblings: false},

            {title : 'article', block : 'article', wrapper: true, merge_siblings: false},

            {title : 'blockquote', block : 'blockquote', wrapper: true},

            {title : 'hgroup', block : 'hgroup', wrapper: true},

            {title : 'aside', block : 'aside', wrapper: true},

            {title : 'figure', block : 'figure', wrapper: true}

    ]

Filename: 2col.html

<!html>
<body>
<div class="mceTmpl">
<table width="98%" border="1" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">HEADER 1</th>
<th scope="col">HEADER 2</th>
</tr>
<tr>
<td>Sample Data</td>
<td>Sample Data</td>
</tr>
</table>
</div>
</body>
</html>

Filename: TinyMCE Custom-Mode

theme : "concrete", 
plugins: "inlinepopups,safari,advlink,template,insertdatetime,",
editor_selector : "ccm-advanced-editor",	
theme_concrete_buttons1 : "undo,redo,pastetext,pasteword,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect",
theme_concrete_buttons2 : "formatselect,bullist,numlist,|,outdent,indent,|,hr,charmap,|,forecolor,backcolor,|,link,unlink,anchor",
theme_concrete_buttons3 : "template,|,insertdate,inserttime,|,image,cleanup,code,|,fullscreen",
theme_concrete_blockformats : "p,address,pre,h1,h2,h3,div,blockquote,cite",
theme_concrete_toolbar_align : "left",
theme_concrete_fonts : "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats",
theme_concrete_font_sizes : "1,2,3,4,5,6,7",
theme_concrete_styles: "Note=ccm-note",

template_templates : [
{title : "2 Columns",src : "js/templates/2col.html",description : "Adds a 2 columns table",},
{title : "4 Columns",src : "js/templates/4col.html",description : "Adds a 4 columns table",},
{title : "icon respon4v1",src : "js/templates/icon-resp1.html",description : "Adds icon columns contents",},
{title : "icon LIST1",src : "js/templates/icon-list1.html",description : "Adds icon columns contents",},
{title : "Product Content",src : "js/templates/product-content.html",description : "Adds price contents",},
]


PAGE TOP

Built with concrete5 CMS. All Right Reserved ©2017 ts5.514server.net.