Changeset 15973 for trunk/templates

Timestamp:

02/10/12 22:38:54 (4 months ago)

Author:

Alexander Trofimov

Message:

Editor object + new WYSIWYG editor

Location:

trunk/templates

Files:

• base/scripts/BxBaseConfig.php (modified) (3 diffs)
• base/scripts/BxBaseEditorWYMeditor.php (added)
• base/scripts/BxBaseFormView.php (modified) (4 diffs)
• tmpl_uni/scripts/BxTemplEditorWYMeditor.php (added)

trunk/templates/base/scripts/BxBaseConfig.php

@@ -54 +54 @@
     var $iTagsMaxFontSize                        = 30; //Maximal font size of tag
 
-    var $sTinyMceEditorJS;
     //var $sCalendarCss;
 
@@ -61 +60 @@
     var $bAllowUnicodeInPreg = false; // allow unicode in regular expressions
 
-    var $aTinyMceSelectors = array();
 
 
@@ -67 +65 @@
         parent::BxDol();
 
-        $anon_mode = getParam('anon_mode');
-
-        $this -> bAnonymousMode = $anon_mode;
-
-        $this -> aTinyMceSelectors = array('group_edit_html', 'story_edit_area', 'classfiedsTextArea', 'blogText', 'comment_textarea', 'form_input_html');
-        $sSelectors = implode('|', $this -> aTinyMceSelectors);
-
-        $this -> iTinyMceEditorWidthJS = '630px';
-        $this -> sTinyMceEditorJS = '
-<!-- tinyMCE gz -->
-<script type="text/javascript" src="' . BX_DOL_URL_PLUGINS . 'tiny_mce/tiny_mce_gzip.js"></script>
-<script type="text/javascript">
-    tinyMCE_GZ.init({
-        plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,directionality,fullscreen",
-        themes : "advanced",
-        languages : "en",
-        disk_cache : true,
-        debug : false
-    });
-
-    if (window.attachEvent)
-        window.attachEvent( "onload", InitTiny );
-    else
-        window.addEventListener( "load", InitTiny, false);
-
-    function InitTiny() {
-        // Notice: The simple theme does not use all options some of them are limited to the advanced theme
-        tinyMCE.init({
-            convert_urls : false,
-            mode : "specific_textareas",
-            theme : "advanced",
-
-            editor_selector : /(' . $sSelectors . ')/,
-
-            plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,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",
-            theme_advanced_toolbar_location : "top",
-            theme_advanced_toolbar_align : "left",
-            theme_advanced_statusbar_location : "bottom",
-
-            plugi2n_insertdate_dateFormat : "%Y-%m-%d",
-            plugi2n_insertdate_timeFormat : "%H:%M:%S",
-            theme_advanced_resizing : false,
-            theme_advanced_resize_horizontal : false,
-
-            entity_encoding : "raw",
-
-            paste_use_dialog : false,
-            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 -->';
-
-        $this -> sTinyMceEditorCompactJS = '
-<!-- tinyMCE gz -->
-<script type="text/javascript" src="' . BX_DOL_URL_PLUGINS . 'tiny_mce/tiny_mce_gzip.js"></script>
-<script type="text/javascript">
-    tinyMCE_GZ.init({
-        themes : "advanced",
-        plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",
-        languages : "en",
-        disk_cache : true,
-        debug : false
-    });
-
-    if (window.attachEvent)
-        window.attachEvent( "onload", InitTiny );
-    else
-        window.addEventListener( "load", InitTiny, false);
-
-    function InitTiny() {
-        tinyMCE.init({
-            convert_urls : false,
-            mode : "specific_textareas",
-            theme : "advanced",
-            plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",
-
-            delta_height: -9, // just for correct sizing
-
-            editor_selector : /(' . $sSelectors . ')/,
-
-            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect",
-            theme_advanced_buttons2 : "forecolor,backcolor,|,bullist,numlist,|,outdent,indent,|,link,unlink,image,hr,|,sub,sup,|,insertdate,inserttime,|,styleprops",
-            theme_advanced_buttons3 : "charmap,emotions,|,cite,abbr,acronym,attribs,|,preview,removeformat",
-            theme_advanced_toolbar_location : "top",
-            theme_advanced_toolbar_align : "center",
-            extended_valid_elements : "a[name|href|title],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
-
-            entity_encoding : "raw",
-
-            paste_use_dialog : false,
-            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>';
-
-        $this -> iTinyMceEditorWidthMiniJS = '270px';
-        $this -> sTinyMceEditorMiniJS = '
-<!-- tinyMCE gz -->
-<script type="text/javascript" src="' . BX_DOL_URL_PLUGINS . 'tiny_mce/tiny_mce_gzip.js"></script>
-<script type="text/javascript">
-    tinyMCE_GZ.init({
-        plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,directionality,fullscreen,visualchars,nonbreaking,xhtmlxtras",
-        themes : "advanced",
-        languages : "en",
-        disk_cache : true,
-        debug : false
-    });
-
-    if (window.attachEvent)
-        window.attachEvent( "onload", InitTiny );
-    else
-        window.addEventListener( "load", InitTiny, false);
-
-    function InitTiny() {
-        // Notice: The simple theme does not use all options some of them are limited to the advanced theme
-        tinyMCE.init({
-            convert_urls : false,
-            mode : "specific_textareas",
-            theme : "advanced",
-
-            editor_selector : /(' . $sSelectors . ')/,
-
-            plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,directionality,fullscreen,visualchars,xhtmlxtras",
-
-            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,forecolor,backcolor",
-            theme_advanced_buttons2 : "link,unlink,image,hr,insertdate,inserttime,|,charmap,emotions,|,cite,preview,removeformat",
-            theme_advanced_buttons3 : "",
-            theme_advanced_toolbar_location : "top",
-            theme_advanced_toolbar_align : "left",
-            theme_advanced_statusbar_location : "bottom",
-            theme_advanced_disable : "insertanchor,image,help,anchor,code,styleselect",
-            plugi2n_insertdate_dateFormat : "%Y-%m-%d",
-            plugi2n_insertdate_timeFormat : "%H:%M:%S",
-            theme_advanced_resizing : false,
-            theme_advanced_resize_horizontal : false,
-
-            entity_encoding : "raw",
-
-            paste_use_dialog : false,
-            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 -->';
-
-        $this -> sTinyMceEditorMicroJS = '
-<!-- tinyMCE gz -->
-<script type="text/javascript" src="' . BX_DOL_URL_PLUGINS . 'tiny_mce/tiny_mce_gzip.js"></script>
-<script type="text/javascript">
-    tinyMCE_GZ.init({
-        themes : "advanced",
-        plugins: "emotions",
-        languages : "en",
-        disk_cache : true,
-        debug : false
-        /* , suffix: "_src" //for development only */
-    });
-
-    if (window.attachEvent)
-        window.attachEvent( "onload", InitTiny );
-    else
-        window.addEventListener( "load", InitTiny, false);
-
-    function InitTiny() {
-        tinyMCE.init({
-            convert_urls : false,
-            mode : "specific_textareas",
-            theme : "advanced",
-            plugins: "emotions",
-
-            delta_height: -9, // just for correct sizing
-
-            editor_selector : /(' . $sSelectors . ')/,
-
-            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,link,unlink",
-            theme_advanced_buttons2 : "justifyleft,justifycenter,justifyright,justifyfull,emotions",
-            theme_advanced_buttons3 : "",
-            theme_advanced_toolbar_location : "top",
-            theme_advanced_toolbar_align : "center",
-
-            entity_encoding : "raw",
-
-            paste_use_dialog : false,
-            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 -->';
+        $this -> bAnonymousMode = getParam('anon_mode');;
     }
 

trunk/templates/base/scripts/BxBaseFormView.php

@@ -60 +60 @@
 
     /**
+     * Form is added dynamically.
+     * @var boolean
+     */
+    var $_bDynamicMode = false;
+
+    /**
      * Constructor
      *
@@ -79 +85 @@
      * @return string
      */
-    function getCode() {
+    function getCode($bDynamicMode = false) {
+        $this->_bDynamicMode = $bDynamicMode;
         $this->addCssJs ();
         return ($this->sCode = $this->genForm());
@@ -642 +649 @@
     }
 
-    function addHtmlEditor($iTinyNum, &$aInput) {
-        bx_import('BxTemplConfig');
-        $oTemplConfig = BxTemplConfig::getInstance();
-
-        //--- Add TinyMCE initialization code
-        if (!$this->_bHtmlEditorAdded && $iTinyNum) {
-            switch($iTinyNum) {
-                case 3:
-                    $this->_sCodeAdd .= $oTemplConfig->sTinyMceEditorMiniJS;
-                    break;
-                case 2:
-                    $this->_sCodeAdd .= $oTemplConfig->sTinyMceEditorJS;
-                    break;
-                case 1:
-                case true:
-                    $this->_sCodeAdd .= $oTemplConfig->sTinyMceEditorMicroJS;
-                    break;
-            }
-            $this->_bHtmlEditorAdded = true;
-        }
-
-        //--- Update HTML wrapper width
-        if (is_int($iTinyNum))
-            switch($iTinyNum) {
-                case 2:
-                    $aInput['attrs_wrapper']['style'] = 'width:' . $oTemplConfig->iTinyMceEditorWidthJS . ';';
-                break;
-                case 3:
-                    $aInput['attrs_wrapper']['style'] = 'width:' . $oTemplConfig->iTinyMceEditorWidthMiniJS . ';';
-                break;
-            }
+    function addHtmlEditor($iViewMode, &$aInput) {
+
+        bx_import('BxDolEditor');
+        $oEditor = BxDolEditor::getObjectInstance();
+        if (!$oEditor)
+            return false;  
+
+        $this->_sCodeAdd .= $oEditor->attachEditor ('#' . $this->aFormAttrs['id'] . ' [name='.$aInput['name'].']', $iViewMode, $this->_bDynamicMode);
 
         return true;
@@ -1042 +1026 @@
         $aUiLangs = array ('af' => 1, 'ar-DZ' => 1, 'ar' => 1, 'az' => 1, 'bg' => 1, 'bs' => 1, 'ca' => 1, 'cs' => 1, 'da' => 1, 'de' => 1, 'el' => 1, 'en-AU' => 1, 'en-GB' => 1, 'en-NZ' => 1, 'eo' => 1, 'es' => 1, 'et' => 1, 'eu' => 1, 'fa' => 1, 'fi' => 1, 'fo' => 1, 'fr-CH' => 1, 'fr' => 1, 'gl' => 1, 'he' => 1, 'hr' => 1, 'hu' => 1, 'hy' => 1, 'id' => 1, 'is' => 1, 'it' => 1, 'ja' => 1, 'ko' => 1, 'kz' => 1, 'lt' => 1, 'lv' => 1, 'ml' => 1, 'ms' => 1, 'nl' => 1, 'no' => 1, 'pl' => 1, 'pt-BR' => 1, 'pt' => 1, 'rm' => 1, 'ro' => 1, 'ru' => 1, 'sk' => 1, 'sl' => 1, 'sq' => 1, 'sr-SR' => 1, 'sr' => 1, 'sv' => 1, 'ta' => 1, 'th' => 1, 'tj' => 1, 'tr' => 1, 'uk' => 1, 'vi' => 1, 'zh-CN' => 1, 'zh-HK' => 1, 'zh-TW' => 1);
 
-        $sCalendarLang = isset($aCalendarLangs[$GLOBALS['sCurrentLanguage']]) ? $GLOBALS['sCurrentLanguage'] : 'en';
-        $sUiLang = isset($aUiLangs[$GLOBALS['sCurrentLanguage']]) ? $GLOBALS['sCurrentLanguage'] : 'en';
+        bx_import('BxDolLanguages');
+        $sCalendarLang = BxDolLanguages::getInstance()->detectLanguageFromArray ($aCalendarLangs);
+        $sUiLang = BxDolLanguages::getInstance()->detectLanguageFromArray ($aUiLangs);
 
         $aJs = array(