Inner Html parts using Alinous-Core on WYSIWYG Editor

This function is for Alinous-Core's portlet function. By using image object on the WYSIWYG area, it can handle a part of html as an object.


The embedded code is shown in the content editor area of the WYSIWYG Content editor like below.

Embedded Html source code

This is a good example to embed a Html code as a part of Content. The Movie and Embedded Flash example uses same method to embed a sequence of Html code as a part.

This technique is familiar to making CMS Template. The inner module of the Alinous Document CMS uses this WYSIWYG extention.

Create a embedded Html Object

In order to create a new embedded Html Object, click the Embedded Html Code icon. Then following dialog appears.

Select templete type to insert into the WYSIWYG editor's content

In this dialog, select the template type, and click the "newObject" button. Then a new Html Object is created.

Edit attribute of the Html Object

After creating a Html Object, select the created object in the content editor area, and click the Embedded Html Code icon again. Then following dialog appears, this time.

input attribute for the Html Template Part

This example shows you, by making javascript extension, you can create a dialog pane dynamically. On this case, the program detect the selected Html Object in the Content Editor area, and switching the pane to show by the detected selection.

Source code location

The location of Inner Html parts extension is in the "ALINOUS_HOME/samples/nicedit/ext/" folder.

Movie and Embedded Flash extention source code

The file named "nicealinous.js" is the source code of this extension.

Extension's source code

This extension's code to register this plugin is below.

This part create the plugin instance of this extension and register it to the WYSIWYG content editor's main part. The entry point of this WYSIWTYG plugin is the button object.

In the skipped body part, the call back functions for the WYSIWYG Content Editor's event is written.

Go to Top