WYSIWYG Editor can edit Web contents. kind of WYSIWYG Editor is CKEditor that is adopted by ZK. You can use JPiere WYSIWYG Editor in all fields that are text.

1. Copyright © 2015 OSS ERP Solutions All Right Reserved.
JPIERE-0109:WYSIWYG Editor
Plugins of iDempiere for Japan & iDempiere Distribution for Japan

2. Copyright © 2015 OSS ERP Solutions All Right Reserved. 1
JPiere WYSIWYG Editor overview
• WYSIWYG Editor can edit Web contents.
• kind of WYSIWYG Editor is CKEditor that is adopted by
ZK.
• You can use JPiere WYSIWYG Editor in all fields that
are text.
• The difference with the iDempiere standard WYSIWYG
Editor as follows.
You can select a path that upload and display a image file.
You can edit multi-lingual Web contents.

3. Copyright © 2015 OSS ERP Solutions All Right Reserved. 2
How to use WYSIWYG Editor
You can use the WYSIWYG Editor in any text field. And JPiere WYSIWYG
Editor supports multi-language.
Start of WYSIWYG Editor
JPiere WYSIWYG Editor can start from process icon at toolbar.

4. Copyright © 2015 OSS ERP Solutions All Right Reserved. 3
Multi-lingual
Edit when there is translation table.
When web contents that you will edit have translation table, JPiere displays list of language. If
list of language is blank, JPiere make a judgment as base language.

5. Copyright © 2015 OSS ERP Solutions All Right Reserved. 4
Multi-lingual
Edit when there is not translation table.
when there is not translation table, JPIERE displays CKEditor and save button only. If you edit
contents, please don’t forget to push the save button.

6. Copyright © 2015 OSS ERP Solutions All Right Reserved. 5
Select a Image File Path
You can select a path that upload and display a image file.
【 Caution 】When you change a file path, JPiere
WYSIWYG Editor refresh content.
Please save the data before you change a file path.

7. Copyright © 2015 OSS ERP Solutions All Right Reserved. 6
Setting of WYSIWYG Editor
You must set system configuration to use JPiere WYSIWYG Editor.
Create form
JPiere WYSIWYG Editor performs on form. Please create a new form and set
“jpiere.plugin.wysiwygeditor.form.JPiereCKEditor” in Classname fields.
Form [ Record/Records]
Form
SystemClient* *Organization*
Active
AllData Access Level*
JPiere WYSIWYG EditorName*
Description
▼
JPiereEntity Type* ▼
Comment/Help
▼
ベータ機能
jpiere.plugin.wysiwygeditor.form.JPiereCKEditorClassname
Context Help ▼

8. Copyright © 2015 OSS ERP Solutions All Right Reserved. 7
Setting of WYSIWYG Editor
Create Process
Because WYSIWYG Editor start from process icon at toolbar, please create new process and
assign form that you created.

9. Copyright © 2015 OSS ERP Solutions All Right Reserved. 8
Setting of WYSIWYG Editor
Assign process to Toolbar button at window
Because WYSIWYG Editor start from process icon at toolbar, please assign process to Toolbar
Button. You must input column name that you want to edit by JPiere WYSIWYG Editor to
Component Name field.
Window > Tab > Toolbar Button [ Record/Records]
Toolbar Button
SystemClient* *Organization*
Active
HTMLComponent Name*
10Sequence
Dashboard ContentTab*
WYSIWYG EditorProcess ▼
Display Logic
WYSIWYG EditorName*

10. Copyright © 2015 OSS ERP Solutions All Right Reserved. 9
Setting of WYSIWYG Editor
System Configurator [ Record/Records]
System Configurator
OSS ERP SolutionsClient* *Organization*
Active
JPIERE_CKEDITOR_IMAGE_PATHName*
Description
JPiereEntity Type* ▼
▼
images/client;images/test;images
ClientConfiguration Level ▼
Configured Value
Set some image File paths at System Configurator
You can set directory that store images at System Configurator per client.
Please input ”JPIERE_CKEDITOR_IMAGE_PATH” to name field of System Configurator, and input
path to Configured Value field of System Configurator. Configuration Level is Client.
You can set some paths using “;”.

11. Copyright © 2015 OSS ERP Solutions All Right Reserved. 10
Setting of WYSIWYG Editor
Config of CKEditor
System Configurator [ Record/Records]
System Configurator
OSS ERP SolutionsClient* *Organization*
Active
JPIERE_CKEDITOR_CUSTOM_CONFIGURATIONS_PATHName*
Description
JPiereEntity Type* ▼
▼
/images/config.js
ClientConfiguration Level ▼
Configured Value
You can set config.js to CKEditor.
Please input ”JPIERE_CKEDITOR_CUSTOM_CONFIGURATIONS_PATH” to name field of System
Configurator, and input path of config.js file path to Configured Value field of System Configurator.

12. Copyright © 2015 OSS ERP Solutions All Right Reserved. 11
Caution points of WYSIWYG Editor
You can edit one field by WYSIWYG Editor per one tab.
You can edit one field by WYSIWYG Editor per one tab. You can not edit over two fields by
WYSIWYG Editor per one tab.
About primary key of table that you will edit by WYSIWYG Editor.
Primary key of table that you will edit by WYSIWYG Editor must be “Table Name+_ID”.

13. Copyright © 2015 OSS ERP Solutions All Right Reserved. 12
http://www.oss-erp.co.jp/