Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

add custom style to TinyMCE


Go to End


3 Posts   8155 Views

Avatar
NtM

Community Member, 39 Posts

12 December 2009 at 8:19am

I'm trying to add a new style to "--Styles--" TinyMCE:

I go to "sapphire/forms/HtmlEditorField.php" and up-commented

new HtmlEditorField_dropdown("mceSetCSSClass", "styleSelect", array(
"mceContentBody" => "mceContentBody",
))
inside the function Buttons.

I also added span to "--Format--":

new HtmlEditorField_dropdown("FormatBlock", "formatSelect", array(
"<p>" => _t('HtmlEditorField.FORMATP', "Paragraph", PR_MEDIUM, '<p> tag'),
"<h1>" => _t('HtmlEditorField.FORMATH1', "Heading-1", PR_MEDIUM, '<h1> tag'),
"<h2>" => _t('HtmlEditorField.FORMATH2', "Heading 2", PR_MEDIUM, '<h2> tag'),
"<h3>" => _t('HtmlEditorField.FORMATH3', "Heading 3", PR_MEDIUM, '<h3> tag'),
"<h4>" => _t('HtmlEditorField.FORMATH4', "Heading 4", PR_MEDIUM, '<h4> tag'),
"<h5>" => _t('HtmlEditorField.FORMATH5', "Heading 5", PR_MEDIUM, '<h5> tag'),
"<h6>" => _t('HtmlEditorField.FORMATH6', "Heading 6", PR_MEDIUM, '<h6> tag'),
"<address>" => _t('HtmlEditorField.FORMATADDR', "Address", PR_MEDIUM, '<address> tag'),
"<pre>" => _t('HtmlEditorField.FORMATPRE', "Preformatted", PR_MEDIUM, '<pre> tag'),
"<span>" => _t('HtmlEditorField.FORMATPRE', "parentItem for Quickinks", PR_MEDIUM, '<span> tag'),

)),

But nothing is changed inside my TinyMCE

Avatar
elsbth

Community Member, 8 Posts

22 January 2010 at 9:56pm

Avatar
NtM

Community Member, 39 Posts

20 February 2010 at 7:21am

Edited: 20/02/2010 7:22am

From what I found out:

to add classes to the dropdown box, you don't need to change anything in "sapphire/forms/HtmlEditorField.php". You need to add class "editor.css" to your theme (css folder) and define classes there. All the classes from editor.css will automatically appear in the dropdown menu of TinyMCE.

And how to add a new tag in the drop-down box......I still don't know