#1 2010-09-17 20:02:46

pixelpolygon
Member
Registered: 2010-09-16
Posts: 16

Change the HTML editor

Is there a way to replace the HTML editor? We'd like to use tinymce. Is this is a code change that we can make until such a feature is added?

Offline

#2 2010-09-17 20:10:43

Guardian
Ion Tester
From: Mragowo, Poland
Registered: 2010-08-02
Posts: 133
Website

Re: Change the HTML editor

The WYSIWYG editor does use the tinyMCE editor

Offline

#3 2010-09-17 20:50:53

pixelpolygon
Member
Registered: 2010-09-16
Posts: 16

Re: Change the HTML editor

I actually see that it is tinymce. Maybe setting up a way to specify the options for the editor in the admin area would be sufficient.

Offline

#4 2010-09-17 22:07:20

toopixel
Ionize Core Team
From: Geneva
Registered: 2010-04-20
Posts: 272
Website

Re: Change the HTML editor

What would be the purpose of such a feature, can you explain more on your idea?


Too Pixel is a web agency located in Geneva, Switzerland

Offline

#5 2010-09-29 08:31:27

pixelpolygon
Member
Registered: 2010-09-16
Posts: 16

Re: Change the HTML editor

It would be nice to have all of the features or more of the formatting options like this:
http://tinymce.moxiecode.com/examples/full.php

The complete set of text editoring features - change text color, font size, applying a css style. When we select the "Style" drop down, we don't get a list of styles from our stylesheet (I assume they should appear there).

Offline

#6 2010-09-29 09:18:33

Mario
Member
Registered: 2010-08-08
Posts: 86

Re: Change the HTML editor

Hey there,

you can set these Parameters while initing TinyMCE.
Have a look at /themes/admin/views/desktop.php

 96     var tinyMCEParam = {
 97         mode : 'textareas',
 98         theme : 'advanced',
 99         language : '<?= Settings::get_lang() ?>',
100         entity_encoding : 'raw',
101         editor_selector : 'tinyTextarea',
102         height:'400',
103         dialog_type : 'modal',
104         relative_urls : false,
105         auto_cleanup_word : false,
106         plugins : 'media,preelementfix,preview,directionality,paste,fullscreen,template,table,<?php if( Settings::get('filemanager') == 'filemanager' ) :?>filemanager,imagemanager<?php else :?>tinyBrowser<?php endif ;?>,advimage',
107         flash_menu : 'false',
108         theme_advanced_toolbar_location : 'top',
109         theme_advanced_toolbar_align : 'left',
110         theme_advanced_resizing : true,
111         theme_advanced_resizing_use_cookie : false,
112         theme_advanced_path_location : 'bottom',
113         theme_advanced_blockformats : 'p,h2,h3,h4,h5,pre,div',
114         theme_advanced_disable : 'help',
115         theme_advanced_buttons1 : 'fullscreen,preview,undo,redo,removeformat,|,pastetext,pasteword,selectall,|,anchor,link,unlink,image,media,charmap,|,code',
116         theme_advanced_buttons2 : 'bold,italic,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,hr,|,template,|,formatselect,styleselect',
117         theme_advanced_buttons3 : 'tablecontrols',
118         content_css : tinyCSS
119         <?php if( Settings::get('filemanager') == 'tinybrowser' ) :?>
120         ,file_browser_callback : 'tinyBrowser'
121         <?php endif ;?>
122     };

You may want to alter theme_advanced_buttons1, 2 and 3. They represent the tools you can use within your TinyMCE instance (separated by colons. A pipe represents a spacer).
Examples can be found at the TinyMCE Website:
http://tinymce.moxiecode.com/examples/full.php
Click on "View Source" on the top of the editor and you'll see the parameters.

Regards,
Mario

Last edited by Mario (2010-09-29 09:20:40)

Offline

#7 2010-09-29 10:48:23

pixelpolygon
Member
Registered: 2010-09-16
Posts: 16

Re: Change the HTML editor

Perfect! You guys respond quick!

Offline

#8 2010-09-29 10:48:36

pixelpolygon
Member
Registered: 2010-09-16
Posts: 16

Re: Change the HTML editor

Perfect! You guys respond quick!

Offline

#9 2010-09-29 21:10:41

Guardian
Ion Tester
From: Mragowo, Poland
Registered: 2010-08-02
Posts: 133
Website

Re: Change the HTML editor

Just be careful what you add, for example IFRAME and some other elements can pose a security risk if the input is not filtered and validated correctly.
If it's just you adding content and you are not allowing access to to any and 'registered' users you should be ok.

That is one of the benefits of tinyMCE and CK/FCK Editor though, you can specify different 'toolbars' dependant on the user.

Offline

What's Ionize ?

Ionize is an Open Source Content Management System created by webdesigners for webdesigners.

Created and maintained by Partikule and Toopixel, Ionize wants to be the easiest and most powerful CMS.

Can I help ?

Because talent is nothing without involvement, we are looking for motivated coders and webdesigners to join the project team.

Resources

Website : ionizecms.com
Documentation : doc.ionizecms.com

Development : Ionize on GitHub
Translations : Ionize Translations