1. #1
    Ext User
    Join Date
    May 2009
    Posts
    7
    Vote Rating
    0
    jobe451 is on a distinguished road

      0  

    Default Using styles in HTMLEditor

    Hi

    I'd like to use the HTMLeditor. However, currently there seem to be features missing which seem to be important to me:
    - The editor does not use the stylesheets of the page in what it is running
    - There is no way to assign a certain style to a selection

    Searching the forum, it seems to me that such features were already implemented for ext itself:
    http://www.extjs.net/forum/showthrea...tor+stylesheet
    http://www.extjs.net/forum/showthrea...Editor+heading

    Are those features also available for gxt?

  2. #2
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,090
    Vote Rating
    56
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      0  

    Default

    it's a 'basic' editor only at the moment. I'm sure I've seen an example of styles in the editor somewhere on this forum though. There are plugins for mce and fckeditor if you want a more featured editor in ext.
    Lead Trainer / Sencha Specialist
    Teahouse Training Company

    Comprehensive Javascript, Sencha and 3rd Party Stack Training available worldwide online, and onsite in APAC, written by certified official Sencha trainers.



    Unofficial Sites:

    SenchaWorld.com - Videos, and stuff
    Sencha.Community - Tools, Extensions and Resources
    TeahouseHQ.com - Sencha Ecosystem Training Portal

    Code Validation : JSLint | JSONLint | JSONPLint

  3. #3
    Ext User
    Join Date
    May 2009
    Posts
    7
    Vote Rating
    0
    jobe451 is on a distinguished road

      0  

    Default

    I finally found an answer to my problems:

    There are a few free open source rich text editors which can be used. Here an example how to integrate tinyMCE in GWT.
    http://consult.goannatravel.com/blog...inymce-widget/

    Seems to be a full featured and highly customizable solution.

  4. #4
    Ext JS Premium Member
    Join Date
    Dec 2008
    Posts
    38
    Vote Rating
    0
    sthamman is on a distinguished road

      0  

    Thumbs up

    In case if anyone what's to add style sheets to HtmlEditor... here is the code...

    Code:
    new HtmlEditor(){
    	@Override
    	public void setRawValue(String value) {
    		super.setRawValue(value);
    		Timer t = new Timer() {
    			@Override
    			public void run() {
    				Document d = IFrameElement.as(
    						getElement().getElementsByTagName("iframe").getItem(0))
    						.getContentDocument();
    				LinkElement style = d.createLinkElement();
    				style.setType("text/css");
    				style.setHref("gxt/css/gxt-all.css");
    				style.setRel("stylesheet");
    				Element elt = (Element) d.getElementsByTagName("head").getItem(
    						0);
    				HeadElement head = HeadElement.as(elt);
    				head.insertFirst(style);
    			}
    		};
    		t.schedule(500);
    	}
    }

Thread Participants: 2