1. #431
    Sencha User
    Join Date
    Jan 2010
    Posts
    20
    Vote Rating
    0
    cstansbury is on a distinguished road

      0  

    Exclamation TinyMCE 3.4 issue (+fix)

    TinyMCE 3.4 issue (+fix)


    Just a heads-up that I found an issue w/ Ext.ux.TinyMCE v0.8.5 when upgrading to TinyMCE v3.4. This latest version of TinyMCE addresses a lot of IE9 issues *and* adds a lot of Aria functionality. Unfortunately, this breaks the Ext.ux.TinyMCE logic that tries to calculate the height of the TinyMCE toolbar.

    To fix this, I changed line 138 from:
    Code:
    var tbars = tbar.select("> table.mceToolbar");
    to:
    Code:
    var tbars = tbar.select("> div");

  2. #432
    Sencha User broutard's Avatar
    Join Date
    Jan 2008
    Location
    France
    Posts
    13
    Vote Rating
    0
    broutard is on a distinguished road

      0  

    Default


    I have a little bug in FF and Chrome (even on the source site).

    In _setEditorSize() function, toolbarHeight and statusbarHeight seems to be incorrect (statusbar is invisible ... overflow).

  3. #433
    Sencha User
    Join Date
    Mar 2011
    Posts
    3
    Vote Rating
    0
    wpoosanguansit is on a distinguished road

      0  

    Default The theme_advanced_buttons3 shows up even not specified.

    The theme_advanced_buttons3 shows up even not specified.


    I am using the current v 0.85 from the download. I have configured the editor without the third row but it still shows with components like in the screenshot. When I take out the theme_advanced_buttons2, it disappears as well.

    theme_advanced_buttons1 : "bold,italic, |, justifyleft, |, formatselect, |, formatselect, fontselect, fontsizeselect, bullist, numlist",

    theme_advanced_buttons2 : "blockquote, |, link, unlink, anchor",
    theme_advanced_toolbar_location : "top",

    Thanks for your help.
    Attached Images

  4. #434
    Sencha - Services Team Stju's Avatar
    Join Date
    Dec 2008
    Location
    Redwood city, California
    Posts
    290
    Vote Rating
    3
    Stju is on a distinguished road

      0  

    Default Minor Fix for Alert and Confirmation boxes

    Minor Fix for Alert and Confirmation boxes


    Code:
                  alert: function(txt, cb, s) {
                            var tr = this.editor.getLang(txt, 0);
                            var msg =  tr == '' ? txt : tr;
                            Ext.MessageBox.alert('Warning!', msg, function() {
                                if (!Ext.isEmpty(cb)) {
                                    cb.call(this);
                                }
                            }, s);
                        },
    
                        /** ----------------------------------------------------------
                        */
                        confirm: function(txt, cb, s) {
                            var tr = this.editor.getLang(txt, 0);
                            var msg =  tr == '' ? txt : tr;
                            Ext.MessageBox.confirm('Please confirm!', msg, function(btn) {
                                if (!Ext.isEmpty(cb)) {
                                    cb.call(this, btn == "yes");
                                }
                            }, s);
                        },
    This will show correct i18 text. For example instead of showing 'advanced.newdocument'
    it ill be represented as 'Are you sure you want clear all contents?'

    Edit: Added some check to test if text have translation, or is already represented as message and have no separate translation. Should now work correctly in most cases!

    Cheers!

  5. #435
    Sencha User
    Join Date
    May 2011
    Posts
    1
    Vote Rating
    0
    aa0 is on a distinguished road

      0  

    Default events

    events


    Ext.ux.TinyMCE derives from Ext.form.Field and thus should respect the api.
    the Ext.form.Field signature for the 'change' event is:
    change : ( Ext.form.Field this, Mixed newValue, Mixed oldValue )

    but the 0.8.5 version fires:
    this.fireEvent("change", ed, l);
    so it passes the inner tinymce instance instead of itself. when passing itself then the listener can still get to the inner tinymce component. i can live without the old/new value params because i can get the current value out from the Ext.ux.TinyMCE instance if it is passed.

    the Ext.ux.TinyMCE instance does not fire enough events. for example typing fires the 'valid' event (through the parent). and on blur comes the 'change' event. that's just like ext does it, for example in the text field. it gives a user the possibility to detect changes early through the valid/invalid events. but not all cases are supported: for example hitting the backspace does not fire any event.

    also, when modifying html code and then applying the changes, there is no event from Ext.ux.TinyMCE as of now, a user has to wait for the blur.

    i have modified this a bit, please consider additions along these lines (around line ~168 in v0.8.5):

    // Wire "change" event
    this.ed.onChange.add(function(ed, l) {
    this.fireEvent("change", this);
    } .createDelegate(this));

    //wire some more
    var updateFunc = function() {
    this.fireEvent("change", this);
    }.createDelegate(this);
    //not this one: this.ed.onKeyDown.add( updateFunc );
    this.ed.onKeyUp.add( updateFunc );
    this.ed.onKeyPress.add( updateFunc );
    this.ed.onReset.add( updateFunc );
    this.ed.onSetContent.add( updateFunc );
    this.ed.onUndo.add( updateFunc );
    this.ed.onRedo.add( updateFunc );

    now i can listen for potential changes from the outside, compare the current value .getValue() with what i had before, and do things, without waiting for the blur.

  6. #436
    Sencha User
    Join Date
    Jan 2009
    Posts
    79
    Vote Rating
    0
    lakilevi is on a distinguished road

      0  

    Default


    Hello.
    In my application I use the standard htmleditor in many places. I would change them now to tinyMCE.
    Is there a way to overwrite the Ext.form.HtmlEditor class to the Ext.ux.TinyMCE? In this way I don't have to change the code in every location where I used the native htmleditor.

    I have tried this:
    Code:
    Ext.form.HtmlEditor = Ext.extend(Ext.ux.TinyMCE,{
        tinymceSettings: {
            theme : "advanced",
            plugins : "pagebreak,style,layer,table,advhr,advimage,advlink,emotions,inlinepopups,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advcode",                                                                  
            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", 
            theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,advcode,|,forecolor,backcolor", 
            theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 
            theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", 
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : false,
            content_css : "../includes/style_base.css", 
            file_browser_callback : 'FileBrowser'/*,
            extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"*/
        },
        initComponent : function(){
            Ext.ux.TinyMCE.superclass.initComponent.call(this);        
        },
    });
    But this is not working. Got some javascript errors.

    Any ideas how to replace in all locations the htmleditor with tinymce editor?

    Thanks in advance.

  7. #437
    Sencha User
    Join Date
    Jan 2009
    Posts
    79
    Vote Rating
    0
    lakilevi is on a distinguished road

      0  

    Default miframe problem

    miframe problem


    Hi.

    I have another problem. I use in my application the miframe v. 2.1.4. And it seems it has a conflict with the tinyMCE plugin.
    If I include the miframe then the tinyMCE editor does not fit to the size of the popup window any more. I resize the Ext.Window but the editor does not follow the size of the window.

    Any ideas how to fix this?

    Thanks.

  8. #438
    Sencha User
    Join Date
    Mar 2011
    Posts
    5
    Vote Rating
    0
    DaviPresentia is on a distinguished road

      0  

    Default Migration to Ext 4.x

    Migration to Ext 4.x


    Hi guys,

    Do you have plans to migrate this Extension to Ext 4.0?

    I've tested the extension into ext4 and I've got this isseu:

    Cannot create an instance of unrecognized alias: widget.tinymce

    Regards,

    Davi

  9. #439
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    446
    Vote Rating
    4
    Jangla is on a distinguished road

      0  

    Default


    Anyone got any idea how to make the control's qtips appear to the right of the control? At the moment mine appear top left of the screen. I have got msgTarget: 'side' set for all form controls already.

  10. #440
    Sencha User
    Join Date
    Dec 2010
    Posts
    19
    Vote Rating
    0
    wboard is on a distinguished road

      0  

    Default


    Quote Originally Posted by wpoosanguansit View Post
    I am using the current v 0.85 from the download. I have configured the editor without the third row but it still shows with components like in the screenshot. When I take out the theme_advanced_buttons2, it disappears as well.

    theme_advanced_buttons1 : "bold,italic, |, justifyleft, |, formatselect, |, formatselect, fontselect, fontsizeselect, bullist, numlist",

    theme_advanced_buttons2 : "blockquote, |, link, unlink, anchor",
    theme_advanced_toolbar_location : "top",

    Thanks for your help.


    use this when you don't want the second and third row of toolbar items
    Code:
    theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,sub,sup,|,bullist,numlist,|,forecolor,backcolor,|,emotions",
    theme_advanced_buttons2: "",
    theme_advanced_buttons3: "",

Thread Participants: 128

  1. galdaka (1 Post)
  2. Dumbledore (26 Posts)
  3. mystix (1 Post)
  4. dawesi (1 Post)
  5. albeva (7 Posts)
  6. ludoo (1 Post)
  7. bloudon (2 Posts)
  8. MarkB (4 Posts)
  9. Cipher (2 Posts)
  10. Hani (3 Posts)
  11. Pagebaker (2 Posts)
  12. DigitalSkyline (1 Post)
  13. thesilentman (5 Posts)
  14. marcing (1 Post)
  15. mschering (5 Posts)
  16. Konstantin (1 Post)
  17. temporary (1 Post)
  18. tobiu (1 Post)
  19. billeatman (1 Post)
  20. kmiyashiro (2 Posts)
  21. cmendez21 (4 Posts)
  22. 6epcepk (2 Posts)
  23. ZooKeeper (6 Posts)
  24. Yossi (5 Posts)
  25. JNason (4 Posts)
  26. ko0kiE (1 Post)
  27. Fredric Berling (2 Posts)
  28. Dongluan (2 Posts)
  29. w011117 (4 Posts)
  30. cnelissen (5 Posts)
  31. cmarin (2 Posts)
  32. lvanderree (21 Posts)
  33. kavih7 (4 Posts)
  34. hjf1223 (1 Post)
  35. AVerta (2 Posts)
  36. MuratCorlu (1 Post)
  37. vironitronox (1 Post)
  38. saJoshua (1 Post)
  39. Kannabismus (1 Post)
  40. supawat (1 Post)
  41. nikatwork (3 Posts)
  42. scipio (1 Post)
  43. neenhouse (2 Posts)
  44. tfrugia (2 Posts)
  45. asugama (2 Posts)
  46. liuliming (1 Post)
  47. marco76 (1 Post)
  48. yaroslav (1 Post)
  49. dverkade (1 Post)
  50. scottco (1 Post)
  51. broutard (1 Post)
  52. cybertaz (2 Posts)
  53. jwendt@iscinternational.com (1 Post)
  54. kai5263499 (1 Post)
  55. sirioz10 (6 Posts)
  56. jenner (5 Posts)
  57. EMP (1 Post)
  58. joao_candido (2 Posts)
  59. uros (1 Post)
  60. craigharmonic (3 Posts)
  61. serff (1 Post)
  62. vishee (4 Posts)
  63. walldorff (3 Posts)
  64. blow (1 Post)
  65. genius3k (1 Post)
  66. ehask71 (2 Posts)
  67. pauleee (1 Post)
  68. illuminum (1 Post)
  69. basti (1 Post)
  70. Qtx (1 Post)
  71. Cravi (1 Post)
  72. uwolfer (5 Posts)
  73. sseema (1 Post)
  74. alex-t.de (1 Post)
  75. Denny Crane (2 Posts)
  76. lucasmarin (1 Post)
  77. dayext (1 Post)
  78. adamadax (2 Posts)
  79. ben_dog (2 Posts)
  80. paulyb263 (1 Post)
  81. iLoLo21 (2 Posts)
  82. queej (5 Posts)
  83. arnab_ghosh (2 Posts)
  84. vanadium (1 Post)
  85. emmadi (5 Posts)
  86. pablitobs (4 Posts)
  87. mstroeve (2 Posts)
  88. mschwartz (5 Posts)
  89. armagedon (1 Post)
  90. Stju (3 Posts)
  91. elderotaku (1 Post)
  92. ahwin (6 Posts)
  93. lakilevi (2 Posts)
  94. zeos (1 Post)
  95. sergiu079 (1 Post)
  96. Toon (2 Posts)
  97. Jangla (4 Posts)
  98. mjh (3 Posts)
  99. treadmill (3 Posts)
  100. joejernst (2 Posts)
  101. alumb (1 Post)
  102. Aniruddha (1 Post)
  103. hansl1963 (5 Posts)
  104. andynuss (9 Posts)
  105. davidbuzatto (3 Posts)
  106. slsmithtx (2 Posts)
  107. asagala (11 Posts)
  108. juste_millieu (1 Post)
  109. skunk (2 Posts)
  110. mrjoltcola (1 Post)
  111. damo (2 Posts)
  112. ivanatora (3 Posts)
  113. JeanNiBee (2 Posts)
  114. lj2008 (1 Post)
  115. countdown (1 Post)
  116. cstansbury (2 Posts)
  117. Boxcopter (1 Post)
  118. mjbohn (3 Posts)
  119. ajlaluan (1 Post)
  120. Tpona (1 Post)
  121. omerfarooq123 (2 Posts)
  122. sraghavachari (1 Post)
  123. jorgelive (1 Post)
  124. wboard (2 Posts)
  125. wpoosanguansit (1 Post)
  126. DaviPresentia (1 Post)
  127. aa0 (1 Post)
  128. odaihatim (1 Post)