Fix for Bug 6884, Improve TinyMCE configuration on Koha News page

- Increases the width of the editor to fill the space provided
- Adjusts the layout of the toolbars to better fit the space
- Adds a custom editor stylesheet to make the contents of the
  editor better match the expected output

In changing the toolbar configuration I chose to make the display
of each button explicit rather than assuming a default set of
buttons and adding or subtracting from that. I think this is
clearer for someone approaching the configuration trying to under-
stand how buttons are displayed. I also chose to use the
shorthand "|" instead of "separator" for brevity. This last change
is the only one made to the edithelp configuration.

[2011.09.20] F. Demians. This patch is compatible with bug 6649 patch,
fixing help pages editing, and so could be applied before or after it.

Signed-off-by: Frédéric Demians <f.demians@tamil.fr>
Signed-off-by: Ian Walls <ian.walls@bywatersolutions.com>
Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>
This commit is contained in:
Owen Leonard 2011-09-16 10:27:24 -04:00 committed by Chris Cormack
parent 0920d96767
commit 3c0883fac7
3 changed files with 18 additions and 11 deletions

View file

@ -0,0 +1,4 @@
body, td, pre {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
}

View file

@ -5,12 +5,13 @@
tinyMCE.init({
mode : "textareas",
theme : "advanced",
content_css : "[% themelang %]/css/tinymce.css",
plugins : "table,save,advhr,advlink,iespell,searchreplace,print,contextmenu",
theme_advanced_disable : "underline,strikethrough,styleselect,image",
theme_advanced_buttons1_add_before : "save,separator",
theme_advanced_buttons2_add_before: "cut,copy,paste,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "iespell,advhr,separator,print",
theme_advanced_buttons1_add_before : "save,|",
theme_advanced_buttons2_add_before: "cut,copy,paste,|,search,replace,|",
theme_advanced_buttons3_add_before : "tablecontrols,|",
theme_advanced_buttons3_add : "iespell,advhr,|,print",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",

View file

@ -17,19 +17,21 @@ $(document).ready(function() {
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
theme : "advanced",
content_css : "[% themelang %]/css/tinymce.css",
plugins : "table,save,advhr,advlink,iespell,searchreplace,print,contextmenu",
theme_advanced_disable : "underline,strikethrough,styleselect,image",
theme_advanced_buttons1_add_before : "save,separator",
theme_advanced_buttons2_add_before: "cut,copy,paste,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "iespell,advhr,separator,print",
theme_advanced_buttons1 : "save,|,bold,italic,|,cut,copy,paste,|,search,replace,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,|,link,unlink,anchor,cleanup,help,code,advhr,|,print",
theme_advanced_buttons2 : "tablecontrols,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,removeformat,|,visualaid,|,sub,sup,|,charmap",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
theme_advanced_resizing : true,
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
apply_source_formatting : true
apply_source_formatting : true,
height : "300",
width : "700"
});
</script>
</head>