Tutorials Blog
Hosting
Software
Dolphin Tips
Help Forums FREE Mods
Licensing
People
Donate
News
Search
  •  
 
 
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:
Spell Checker

 

Checking

 

Found Word

 



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!

 

 
Share It