Tutorial
10.04.2008 00:00
Categories: Dolphin
How to Add a Spell Check Feature in tinymce / editors for post blog, post event, post classified.
Be sure to back up any files you will be editing first.
Screen Shots:


1. Download the spellchecker plugin for tiny_mce from dialme.com.
2. Extract the zip file to your local computer.
3. Backup / Re-name your original folder/directory spellchecker-bk (/plugins/tiny_mce/plugins/spellchecker...to /plugins/tiny_mce/plugins/spellchecker-bk)
4. Upload the spellchecker in the zip file to /plugins/tiny_mce/plugins/spellchecker
5. Backup the original file /templates/base/scripts/BxBaseConfig.php
6. Open /templates/base/scripts/BxBaseConfig.php
7. Find and add the highlight areas:
$this -> sTinyMceEditorJS = '
<!-- tinyMCE gz -->
<script type="text/javascript" src="' . $site['plugins'] . 'tiny_mce/tiny_mce_gzip.js"></script>
<script type="text/javascript">
tinyMCE_GZ.init({
plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,spellchecker,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",
themes : "simple,advanced",
languages : "en",
spellchecker_languages : "+English=en",
disk_cache : true,
debug : false
});
</script>
<!-- tinyMCE -->
<script language="javascript" type="text/javascript">
// Notice: The simple theme does not use all options some of them are limited to the advanced theme
tinyMCE.init({
mode : "textareas",
theme : "advanced",
spellchecker_languages : "+English=en",
//content_css : "' . $site['css_dir'] . 'editor.css",
editor_selector : "blogText|guestbookTextArea|story_edit_area|comment_textarea|classfiedsTextArea",
plugins : "table,save,advhr,advimage,advlink,emotions,spellchecker,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,image,separator,search,replace,separator",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,separator,forecolor,backcolor",
theme_advanced_buttons3_add : "emotions,spellchecker",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_disable : "code",
plugi2n_insertdate_dateFormat : "%Y-%m-%d",
plugi2n_insertdate_timeFormat : "%H:%M:%S",
paste_use_dialog : false,
theme_advanced_resizing : false,
theme_advanced_resize_horizontal : false,
theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
paste_auto_cleanup_on_paste : true,
paste_convert_headers_to_strong : false,
paste_strip_class_attributes : "all",
paste_remove_spans : false,
paste_remove_styles : false
});
</script>
<!-- /tinyMCE -->
8. Save file re-upload back to server. Refresh page.
9. Type something and click the little check mark (spelling check).
PHP Spellchecker Spellchecker plugin for TinyMCE with a PHP backend from tiny_mce website.
http://tinymce.moxiecode.com/download.php
Same concept can be applied for orca forum tinymce/editor
Edit file:
/orca/layout/base/xsl/canvas_init.xsl
After editing the file you will need to login to your dolphin admin panel, go to the orca admin area and compile the language file the little "en" in the top right corner for the changes to take effect.
And in your admin panel editors.
Assorted editors:
/admin/articles.php
/admin/news.php
Have Fun!
