untitled

Size: px

Start display at page:

Download "untitled"

あおいかつま
5 years ago
Views:

1 Oracle Portal Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor

Oracle Portal 10g Release 210.1.2 Rich Text EditorRTERTE Oracle9iAS Portal 9.0.2 WYSIWYG HTML 1 RTE Oracle Portal Item 1: Oracle Portal 10g Release 2 Rich Text Editor Rich Text Editor Oracle Portal 10g Release 210.

2 Oracle Portal 10g Release Rich Text EditorRTERTE Oracle9iAS Portal WYSIWYG HTML 1 RTE Oracle Portal Item 1: Oracle Portal 10g Release 2 Rich Text Editor Rich Text Editor Oracle Portal 10g Release RTE HTML JavaScript URL Rich Text Editor 1 Oracle Portal 10g RTE Oracle Portal RTE Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 2

3 Oracle Portal 10g Oracle Portal 10g HTML/WYSIWYG Undo Redo 1: Rich Text Editor Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 3

4 2 Table Editing 2: Rich Text Editor Table Editing Oracle Portal 10g RTE HTML JavaScript Oracle Portal RTE HTML JavaScript HTML JavaScript HTML : WYSIWYG RTE HTML JavaScript RTE URL Oracle Portal 10g RTE URL URL/images/logo.gif RTE URLhttp://<host>:<port>/images/logo.gif Oracle Portal 10g Release 2 RTE URL/ URL/ /images/logo.gif URL URL URL Portal Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 4

5 Rich Text Editor : Oracle Portal OTN Portal Content Area Discussion Forum Oracle Portal 10g Release Oracle Portal Oracle Portal 10g Release 2 RTE RTE RTE Editor builduiembed.html RTE builduiembed.html Oracle Portal RTE draweditor() Table Editing function draweditor() { Str += drawtoolbarbutton( 'BUTTON_INSTABLE', 'instable.gif', 'InsertTable()', 'Insert Table' ); Str += drawtoolbarbutton( 'BUTTON_INSROW', 'insrow.gif', 'AddRow()', 'Insert Row' ); Str += drawtoolbarbutton( 'BUTTON_INSCOL', 'inscol.gif', 'AddCol()', 'Insert Column' ); Str += drawtoolbarbutton( 'BUTTON_DELROW', 'delrow.gif', 'DelRow()', 'Delete Row' ); Str += drawtoolbarbutton( 'BUTTON_DELCOL', 'delcol.gif', 'DelCol()', 'Delete Column' ); Str += drawseparator(); } draw Editor() drawtoolbarbutton Change Edit ModeWYSIWYG/HTMLChangeMode.gif EditMode.gif Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 5

6 function draweditor() { Str += drawtoolbarbutton( 'BUTTON_MODE', 'ChangeMode.gif', 'SwitchMode()', 'Change Edit Mode (WYSIWYG/HTML)' ); } to function draweditor() { Str += drawtoolbarbutton( 'BUTTON_MODE', 'EditMode.gif', 'SwitchMode()', 'Change Edit Mode (WYSIWYG/HTML)' ); } RTE 2 3 builduiembed.html createtable.html insertcolumn.html insertimage.html insertlink.html launchembedded.html setcolor.html UI.css RTE Oracle Portal Table RTE Image Picker RTE RTE 2: Rich Text Editor Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 6

3: RTE Insert Table createtable.html mycreatetable.html builduiembed.html HTML 1. Insert Table /images/createtable.html /images/mycreatetable.html 2.

7 3: RTE Insert Table createtable.html mycreatetable.html builduiembed.html HTML 1. Insert Table /images/createtable.html /images/mycreatetable.html 2. mycreatetable.html 3. builduiembed.html InsertTable()showModalDialog createtable.html mycreatetable.html Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 7

8 function InsertTable(){ var oret = showmodaldialog(baseurl+'createtable.html', top,'dialogheight: 300px; dialogwidth: 250px; status:no; resizable:yes; center:yes; help:no;"'); } with: function InsertTable(){ var oret = showmodaldialog(baseurl+'mycreatetable.html', top,'dialogheight: 300px; dialogwidth: 250px; status:no; resizable:yes; center:yes; help:no;"'); } builduiembed.html Insert Table()createTable.html 6 NumRows NumCols BorSize CellPad CellSpace CellWidth InsertTable Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 8

9 Image Picker RTE Image Picker 4 4: RTE Image Picker /images insertimage.html Image Picker URL insertimage.html 2 Oracle insertimage.html <BODY></BODY> Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 9

10 <BODY> <TR bgcolor="#ffffff"> <TD colspan="2"> <INPUT type="radio" name="ic" value=" <IMG src=" align="top"><br> </TD> </TR> <TR bgcolor="#ffffff"> <TD colspan="2"> <INPUT type="radio" name="ic" value="/images/logo9i.gif"><img src="/images/logo9i.gif" align="top"><br> </TD> </TR> </BODY> to <BODY> <TR bgcolor="#ffffff"> <TD colspan="2"> <INPUT type="radio" name="ic" value=" src=" align="top"><br> </TD> </TR> <TR bgcolor="#ffffff"> <TD colspan="2"> <INPUT type="radio" name="ic" value="/images/myproductlogo.gif"><img src="/images/ myproductlogo.gif" align="top"><br> </TD> </TR> </BODY> JavaScript PERL Oracle Portal API Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 10

11 Rich Text Editor builduiembed.html Rich Text Editor <LINK rel="stylesheet" type="text/css" href="ui.css"> // // Customization for integration RTE with add item // wizard // // Relative path to the RTE files var baseurl = ''; // Name of the form var editorformobj = parent.parent.document.addedit; // Name of the text field var editortextfield = editorformobj.p_text; RTE Text Edit field in the add/edit Text Item WizardRTE RTE Oracle Portal 5 RTE 5: RTE Oracle Q42 RTEXopus Oracle Portal Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 11

12 RTE Oracle Portal RTE Oracle Portal Repository Microsoft Internet Explorer 5.5 IE 5.5 HTML RTE 32K RTE RTE WYSIWIG This is a sample text item HTML HTML <HTML><HEAD> </HEAD> <BODY>This is a sample text item</body></html> 1 HTML HTML HTML begin/end Text Item ApplyOK Oracle Portal 10g Release RTE JavaScript HTML RTE Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor 12

13 Oracle Portal 10g Release 2 (10.1.2): Rich Text Editor : Jitinder Sethi : Oracle: Karthic Lakshman, Bram Voogel, Vince Casarez, Bill Lankenau. Q42: Lon Boonen Oracle Corporation World Headquarters 500 Oracle Parkway Redwood Shores, CA U.S.A. : : : Copyright 2004, Oracle. Oracle Oracle Corporation

Oracle HTML DBのテンプレート・カスタマイズ

Oracle HTML DBのテンプレート・カスタマイズ Oracle HTML DB 2003 10 Oracle HTML DB... 3... 3... 5... 5 1:... 6 2:... 6 3: 2... 7... 8... 8... 8 CSS JavaScript... 10 HTML DB... 11... 11 Oracle HTML DB 2 Oracle Corporation Customizing Templates in