https://github.com/pleft/smartckeditor

ckEditor integration with SmartGWT
https://github.com/pleft/smartckeditor

Last synced: 5 months ago
JSON representation

ckEditor integration with SmartGWT

• Host: GitHub
• URL: https://github.com/pleft/smartckeditor
• Owner: pleft
• Created: 2016-02-09T08:22:51.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-02-09T08:44:44.000Z (over 10 years ago)
• Last Synced: 2025-04-08T12:50:46.501Z (about 1 year ago)
• Language: HTML
• Size: 1.04 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# SmartCKEditor: A SmartGWT module to include CKEditor as FormItem in a SmartGWT application.

## Instructions:

### Prerequisities: 

SmartCKEditor module depends on `GWT 2.7` and `SmartGWT 5.0` versions. Your project should be compliant with these versions.

### Build SmartCKEditor JAR and install in your local repo:

 

Install in your local maven repo, SmartGWT's latest library by executing:

	mvn com.isomorphic:isc-maven-plugin:install -Dproduct=SMARTGWT -Dlicense=LGPL -DbuildNumber=5.0p

Compile project as jar and install it in your local repo: 

`mvn clean install` 

### Include SmartCKEditor in your SmartGWT Project:

Add in your project's `pom.xml` the dependency as: 

	

		com.pleft

		smartckeditor

		1.0-SNAPSHOT

	

Include it in your SmartGWT project, open `YourModuleName.gwt.xml` file and add the following line:

	

Include js dependencies, open your project's starting html page locate the following:

	

  	          

  	    

  	    

  	         

  	         

  	

  	      

  	   

  	

and add:

	

### Usage:

SmartCKEditor can be used as a normal `FormItem` in a SmartGWT `DynamicForm`. A code snippet can be the following:

	public void onModuleLoad() {

		DynamicForm form = new DynamicForm();

    	CKEditorWindowItem ckEditorWindowItem = new CKEditorWindowItem("ckEditor");

    	ckEditorWindowItem.setWidth("100%");

    	form.setFields(ckEditorWindowItem);

    	VLayout vLayout = new VLayout();

    	vLayout.setWidth100();

    	vLayout.addMember(form);

    	vLayout.draw();

	}

creates the following form:

![form](./dynamic_form_1.png)

upon clicking on the `Edit` button a modal window including the CKEditor appears.

![editor](./dynamic_form_2.png)