Changeset 1736

Timestamp:

23.11.2011 21:03:44 (6 months ago)

Author:

zmsdev

Message:

Fixed auto-resize of richtext-inputs (requested by uni-bern).

Location:

ZMS/trunk

Files:

• dtml/ZMSObject/input_js.dtml (modified) (1 diff)
• dtml/objattrs/f_select_richtext.dtml (modified) (1 diff)
• dtml/object/manage_page_footer.dtml (modified) (2 diffs)
• plugins/rte/ckeditor/manage_form.dtml (modified) (2 diffs)
• plugins/rte/xstandard/manage_form.dtml (modified) (1 diff)
• plugins/www/jquery/jquery-all.min.js (modified) (2 diffs)
• www/comlib.js (modified) (2 diffs)

ZMS/trunk/dtml/ZMSObject/input_js.dtml

@@ -1 +1 @@
 <script type="text/javascript">
 <!--//
-
-////////////////////////////////////////////////////////////////////////////////
-///// Resize textareas
-////////////////////////////////////////////////////////////////////////////////
-<dtml-unless ZMS_NO_BODY>
-
-var taMinHeight = null;
-
-$(function() {
-        onResize();
-        $(window).resize(function() {
-                onResize();
-        });
-});
-
-function onResize() {
-        var ta = $('textarea:not([name^=alternate_],[name^=editor_])');
-        if (ta.length==1) {
-                if ($(ta.parents('div')[0]).css('display')=='none') {
-                        ta = $('object[name^=editor_'+ta.attr('name')+']');
-                }
-                if (taMinHeight==null) {
-                        taMinHeight = $(ta).prop('offsetHeight') / 2;
-                }
-                var innerDims = getInnerDimensions();
-                var bodyDims = getBodyDimensions();
-                var newHeight = Math.max($(ta).prop('offsetHeight')+(innerDims.height-bodyDims.height)-10,taMinHeight);
-                ta.css('height',newHeight);
-        }
-}
-
-</dtml-unless>
 
 ////////////////////////////////////////////////////////////////////////////////

ZMS/trunk/dtml/objattrs/f_select_richtext.dtml

@@ -94 +94 @@
 <script type="text/javascript">
 <!--//
-<dtml-comment> ***** RichText-Editor (switch) ***** </dtml-comment>
-function zmiRichtextEditorShow( show_id, hide_id, format, callback)
-  {
-    $('#'+hide_id).hide('normal');
-    $('#'+show_id).show('normal');
-    if ( format) {
-      $('#format').val(format);
-    }
-    if ( callback) {
-      callback.apply();
-    }
-  }
+
+<dtml-unless ZMS_NO_BODY>
+
+$(function() {
+        zmiRichtextEditorMaximize();
+        $(window).resize(function() {
+                zmiRichtextEditorMaximize();
+        });
+});
+
+</dtml-unless>
+
+/**
+ * Maximize single richtext.
+ */
+function zmiRichtextEditorMaximize(ta) {
+        var ta = $('div[id^=zmiStandardEditor] textarea');
+        if (ta.length==1 && ta.parents("form").attr("action").indexOf("manage_add")<0) {
+                var id = ta.attr('name');
+                if ($("div#zmiStandardEditor"+id).css("display")=="none") {
+                        ta = $("div#zmiRichtextEditor"+id);
+                }
+                var innerDims = getInnerDimensions();
+                var bodyDims = getBodyDimensions();
+                var minHeight = 200;
+                var newHeight = Math.max($(ta).prop('offsetHeight')+(innerDims.height-bodyDims.height)-10,minHeight);
+                ta.css('height',newHeight);
+                try {
+                        zmiRichtextResize(id);
+                }
+                catch (e) {
+                        $("#ZMIManageTabsButtons").html(e);
+                }
+        }
+}
+
+
+/** 
+ * Switch Richtext-Editor.
+ */
+function zmiRichtextEditorShow( show_id, hide_id, format, callback) {
+        if ( format) {
+                $('#format').val(format);
+        }
+        $('#'+hide_id).hide('normal');
+        $('#'+show_id).show('normal',function() {
+                        if ( callback) {
+                                callback.apply();
+                        }
+                        var id = show_id.substr(show_id.indexOf("Editor")+"Editor".length);
+                        zmiWriteDebug("[zmiRichtextEditorShow]: id="+id);
+                        zmiRichtextEditorMaximize(id);
+                });
+}
 //-->
 </script>

ZMS/trunk/dtml/object/manage_page_footer.dtml

@@ -17 +17 @@
  </select>
  <dtml-if ZMI_TIME>
-  <img src="<dtml-var spacer_gif>" title="<dtml-var "ZopeTime().timeTime()-ZMI_TIME" fmt="%.2f"> secs." alt="" border="0" width="2" height="10" align="absmiddle">
+  <span class="ui-helper-clickable" title="<dtml-var "ZopeTime().timeTime()-ZMI_TIME" fmt="%.2f"> secs." onclick="$('#zmi-debug').show();">&bullet;</span>
  </dtml-if>
  </form>
@@ -24 +24 @@
 </div><!-- #zmi_footer -->
 </div><!-- [manage_page_header].zmi -->
+<div id="zmi-debug" style="display:none;color:#00F;font-family:Courier;background-color:#fff;border:1px solid #00F;"></div>
 <dtml-except>[manage_page_footer] <dtml-var error_type>: <dtml-var error_value></dtml-try>
 </body>

ZMS/trunk/plugins/rte/ckeditor/manage_form.dtml

@@ -91 +91 @@
 }
 
+function zmiRichtextResize(id) {
+        var instance = CKEDITOR.instances['editor_'+id];
+        if(instance){
+                var newHeight = $("div#zmiRichtextEditor"+id).height()-100;
+                zmiWriteDebug("ckeditor.manage_form.zmiRichtextResize(): "+newHeight+"["+$(".cke_contents").length+"]");
+                $(".cke_contents").css("height",newHeight);
+        }
+}
+
 function zmiRichtextInit(id) {
         pluginCkeditor('#editor_'+id,function() {
@@ -146 +155 @@
                         <dtml-if "getConfProperty('plugin.rte.ckeditor.Config','')">
                                 customConfig : '<dtml-var "getHome().absolute_url()">/<dtml-var "getConfProperty('plugin.rte.ckeditor.Config','')">',
-                                toolbar: 'ZMSCustomToolbar'
+                                toolbar: 'ZMSCustomToolbar',
                         <dtml-else>
-                                toolbar: 'ZMSBasicToolbar'
+                                toolbar: 'ZMSBasicToolbar',
                         </dtml-if>
+                        on:{
+                                instanceReady: function(ev) {
+                                                zmiRichtextResize(id);
+                                        }
+                                }
                         });
                 zmiRichtextSyncDataToView(id);

ZMS/trunk/plugins/rte/xstandard/manage_form.dtml

@@ -87 +87 @@
  ></dtml-if>
 
-  function zmiRichtextInit(elName, validateXML) {
-    var txt = $('#'+elName).val();
-    if ( txt.length > 0) {
-      var zmiStandardEditorShow = false;
-      var ltxt = "<root>"+txt.toLowerCase()+"</root>";
-      if ( (ltxt.indexOf( "<form") >= 0) || 
-           (ltxt.indexOf( "<input") >= 0) || 
-           (ltxt.indexOf( "<script") >= 0) || 
-           (ltxt.indexOf( "<"+"dtml-") >= 0)) {
-        zmiStandardEditorShow = true;
-      }
-      else {
-        try {
-          if ( validateXML) {
-            if (window.DOMParser) {
-              confirm( "window.DOMParser");
-              var parser=new DOMParser();
-              var doc=parser.parseFromString(ltxt,"text/xml");
-              if ( doc.childNodes[0].nodeName == 'parsererror') {
-                throw '<dtml-var "getZMILangStr('CAPTION_WARNING')">\n'+doc.childNodes[0].childNodes[0].nodeValue+'\n';
-              }
-            } else if (window.ActiveXObject) {
-              var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
-              xmlDoc.async="false";
-              xmlDoc.loadXML(ltxt);
-              if ( xmlDoc.childNodes.length == 0) {
-                throw '<dtml-var "getZMILangStr('CAPTION_WARNING')">\n'+'Invalid (X)HTML!\n';
-              }
-            }
-          }
-          $('#editor_'+elName).val( txt);
-          $('#editor_'+elName+'_value').val( txt);
-        }
-        catch(e) {
-          alert(e);
-          zmiStandardEditorShow = true;
-        }
-      }
-      if ( zmiStandardEditorShow) {
-        zmiRichtextEditorShow('zmiStandardEditor'+elName,'zmiRichtextEditor'+elName<dtml-if "REQUEST.get('htmledit_fmt')"><dtml-if "REQUEST.get('format') in [None,REQUEST.get('richedit_fmt').getId()]">,'<dtml-var "REQUEST.get('htmledit_fmt').getId()">'</dtml-if></dtml-if>);
-      }
-    }
-  }
-
-  function zmiStandardOnSubmitEventHandler() {
-    for (var e=0; e < zmiRichtextElNames.length; e++) {
-      var elName = zmiRichtextElNames[e];
-      try {
-        $('#editor_'+elName).val( $('#'+elName).val());
-        $('#editor_'+elName+'_value').val( $('#'+elName).val());
-      }
-      catch(er) {
-      }
-    }
-  }
+function zmiRichtextResize(id) {
+        var newHeight = $("div#zmiRichtextEditor"+id).height()-20;
+        zmiWriteDebug("xstandard.manage_form.zmiRichtextResize(): "+newHeight+"["+$(".cke_contents").length+"]");
+        $('object[name^=editor_'+id+']').css("height",newHeight);
+}
+
+function zmiRichtextInit(id) {
+        var txt = $('#'+id).val();
+        if ( txt.length > 0) {
+                var zmiStandardEditorShow = false;
+                var lowerTxt = txt.toLowerCase();
+                if ((lowerTxt.indexOf( "<form") >= 0) || 
+                                (lowerTxt.indexOf( "<input") >= 0) || 
+                                (lowerTxt.indexOf( "<script") >= 0) || 
+                                (lowerTxt.indexOf( "<"+"dtml-") >= 0)) {
+                        zmiStandardEditorShow = true;
+                }
+                else {
+                        $('#editor_'+id).val( txt);
+                        $('#editor_'+id+'_value').val( txt);
+                }
+                if ( zmiStandardEditorShow) {
+                        zmiRichtextEditorShow('zmiStandardEditor'+id,'zmiRichtextEditor'+id<dtml-if "REQUEST.get('htmledit_fmt')"><dtml-if "REQUEST.get('format') in [None,REQUEST.get('richedit_fmt').getId()]">,'<dtml-var "REQUEST.get('htmledit_fmt').getId()">'</dtml-if></dtml-if>);
+                }
+        }
+}
+
+function zmiStandardOnSubmitEventHandler() {
+        for (var e=0; e < zmiRichtextElNames.length; e++) {
+                var elName = zmiRichtextElNames[e];
+                try {
+                        $('#editor_'+elName).val( $('#'+elName).val());
+                        $('#editor_'+elName+'_value').val( $('#'+elName).val());
+                }
+                catch(er) {
+                }
+        }
+}
 
   <dtml-call "REQUEST.set('beforeSubmitBtnClick','zmiRichtextOnSubmitEventHandler(); ')">

ZMS/trunk/plugins/www/jquery/jquery-all.min.js

@@ -73 +73 @@
 function selectCheckboxes(fm,v){if(typeof v=='undefined'){v=!$(':checkbox:not([name~=active])',fm).prop('checked')}
 $(':checkbox:not([name~=active])',fm).prop('checked',v)}
+function zmiWriteDebug(s){var $div=$("div#zmi-debug");if($div.css("display")!="none"){$div.html("["+(new Date())+"] "+s+'<br/>'+$div.html())}}
 var zmiSortableRownum=null;$(function(){var sortableTables=$("table.zmi-sortable > tbody");if(sortableTables.length > 0){var fixHelper=function(e,ui){ui.children().each(function(){$(this).width($(this).width())});return ui};$("table.zmi-sortable > tbody").sortable({helper:fixHelper,forcePlaceholderSize:true,placeholder:'ui-state-highlight',handle:'.zmiContainerColLeft img.grippy',start:function(event,ui){var trs=$('table.zmi-sortable > tbody > tr');var i=0;for(i=0;i < trs.length;i++){if($(trs[i]).attr('id')==ui.item.attr('id')){break}}
 zmiSortableRownum=i},stop:function(event,ui){var trs=$('table.zmi-sortable > tbody > tr');var i=0;for(i=0;i < trs.length;i++){if($(trs[i]).attr('id')==ui.item.attr('id')){break}}
@@ -173 +174 @@
 function taggedStart(s1,s2){var r='';var b=true;for(var i=0;i < s1.length;i++){var c=s1.charAt(i);if(b&&c=='<')b=false;else if(!b&&c=='>')b=true;else if(b)r+=c;if(r==s2)return i}
 return-1}
-function zmiWriteDebug(s){if($('textarea#debug').length==0){$('body').append('<textarea id="debug" rows="50" cols="80"></textarea>')}
-$("textarea#debug").val("["+(new Date())+"] "+s+"\n"+$("textarea#debug").val())}
 function tagSelectedText(aTag,eTag,bMayHaveChanged){var input=self.el;if(typeof document.selection !='undefined'){if(bMayHaveChanged){while(selectedRange.text.indexOf(selectedText)!=0){selectedRange.moveStart('character',1)}
 while(selectedRange.text!=selectedText){selectedRange.moveEnd('character',-1)}}

ZMS/trunk/www/comlib.js

@@ -221 +221 @@
  * Get tagged index of untagged string in given string.
  */
-function taggedStart( s1, s2)
-{
+function taggedStart( s1, s2) {
   var r = '';
   var b = true;
@@ -237 +236 @@
   }
   return -1;
-}
-
-function zmiWriteDebug(s) {
-  if ($('textarea#debug').length==0) {
-    $('body').append('<textarea id="debug" rows="50" cols="80"></textarea>');
-  }
-        $("textarea#debug").val("["+(new Date())+"] "+s+"\n"+$("textarea#debug").val());
 }