Results 1 to 10 of 471

Thread: [Updated] Ext.ux.TinyMCE - TinyMCE form field (v0.7b1)

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Apr 2007
    Location
    Yaroslavl, Russia
    Posts
    185
    Vote Rating
    0
      0  

    Default Ext.ux.TinyMCE - TinyMCE form field (v0.8.2)

    Ext.ux.TinyMCE 0.8.6

    ExtJS form field containing TinyMCE v3.

    Download
    * Download from component's page.
    * Release notes.

    You can support the project by donating at component's page.

    Features
    * Use getValue() and setValue() to set HTML content.
    * Resizes editor to the field size.
    * Opens TinyMCE popups as Ext windows.
    * Supports several instances of TinyMCE editor.
    * Each instance could be configured individually.
    * Overflow of TinyMCE toolbar gets hidden, so control can fit any size.

    Requires
    * Modern browser
    * ExtJS 3.4
    * TinyMCE 3.4.4

    Usage example (part of form config):
    Code:
    ...
    items: [
    {
    	xtype: "tinymce",
    	tinymceSettings: {
    		theme : "advanced",
    		plugins: "safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
    		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,|,insertdate,inserttime,preview,|,forecolor,backcolor",
    		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|",
    		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
    		theme_advanced_toolbar_location : "top",
    		theme_advanced_toolbar_align : "left",
    		theme_advanced_statusbar_location : "bottom",
    		theme_advanced_resizing : false,
    		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]",
    		template_external_list_url : "example_template_list.js"
    	}
    }
    ]
    ...
    Last edited by xor; 18 Aug 2011 at 12:14 AM. Reason: Updated to v0.8.6
    Andrew Mayorov (blog)
    BYTE-force
    We can provide paid remote consultancy on ExtJS or our components.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •