How to extend Rich Text Editor in Portal 10.1.4

Is there a note that explains how to extend the InsertImage feature of the rich text editor in portal 10.1.4.
It was very straightforward in 10.1.2, but the RTE has changed with 10.1.4 and I didn't find an updated version of the following technical note: http://www.oracle.com/technology/products/ias/portal/pdf/cm_rte_10gr2_features.pdf
Than'ks

Hi Raphael,
In fact my goal is to extend WebWord Editor and not replacing it. For example I want to add a new Image Picker in WebWord, what I had done in 10.1.2, allowing a user to select an image file from a Portal Page. It was as simple as replacing an url reference in BuildUIEmbed.html (by default pointing to a static image picker page).
It seems not so simple in WebWord, as the URL of the image picker in BuildUIEmbed.html is replaced by a "RAW HTML static source" in the javascript "popup.js" (see InsertImage() function)
I'd like to replace this raw HTML by an url pointing to a dynamic page browsing my images. I allready have done this dynamic page but I'm not a javascript expert. If you have any ideas ...
Than'ks anyway.

Similar Messages

Using third party Rich Text Editors with Portal Release 2 (9.0.2)

Hi Everyone,
We would like to use some third party Rich Text editor with portal as the Oracle Rich Text editor is fairly basic and it does not fulfill our business requirements.
Some of the things we are hoping to accomplish by through this text editor (after customizing) are:
Ability to select any page within the portal to add as link in the Text Editor.
Ability to select images from the portal repository.
Create HTML Tables.
Support of copy/paste from Microsoft Word.
I am looking for any suggestions or experiences on how this can be done.
Thanks in advance..
Niraj

Niraj,
There's a RTE posted on knowledge exchange (with source), in my folder.
Re: Calendar PJC on French Keyboard
Hi Everyone,
We would like to use some third party Rich Text editor with portal as the Oracle Rich Text editor is fairly basic and it does not fulfill our business requirements.
Some of the things we are hoping to accomplish by through this text editor (after customizing) are:
Ability to select any page within the portal to add as link in the Text Editor.
Ability to select images from the portal repository.
Create HTML Tables.
Support of copy/paste from Microsoft Word.
I am looking for any suggestions or experiences on how this can be done.
Thanks in advance..
Niraj

How to upgrade PORTAL 9.0.4.1 â ENHANCED rich text editor

Hi, we are currently in Oracle 9ias rel 2 environment. The RTE for adding the item is not supporting relative path. PORTAL 9.0.4.1 patch comes with ENHANCED rich text editor which supports the relative path. However, you have to be on 10g to apply this patch. We just want to upgrade this RTE to the enhance version. Does any one know whether there is a patch for this or any ides to resolve this problem. This is a workaround for this by simply disabling the RTE but it is not convinent for our business users.
Thanks in advance
Frank

hi frank,
the new version of the RTE is only available from 9.0.4.1 onwards. it is not available in 9.0.2.x.
we have a white paper on OTN:
http://www.oracle.com/technology/products/ias/portal/pdf/cm_rte_9041_features.pdf
regards,
christian

Portal Rich Text Editor in Firefox 3.5 Not Working

I'm using Oracle Portal Version: 10.1.4.0.0 (Build: 594)
The text item Rich Text editor works fine in IE 6 and has reduced functionality in Firefox 3.0 (scroll doesn't work). I've just updated to Firefox 3.5 and the text editor doesn't work at all now.
The user is presented with a grey box where all the text controls are squashed into the top left hand corner.
The following errors appear in the Error Console :
Error: element.children.tags is not a function
Source File: http://xyz.example.net:7778/images/webword/WebWordMenuToolbar.js
Line: 1
Error: attachEvt is not defined
Source File: http://xyz.example.net:7778/images/webword/buildUI1.js
Line: 76
(I've replaced our server url with http://xyz.example.net)
Has anyone else noticed this? Has anyone got any suggestions on what I can do to investigate/fix it?
Thanks,
Matt
Update :
There is a patch available to potentially fix the Rich Text Editor issues in Firefox
"The Rich Text Editor Does Not Work Correctly In FireFox" - Metalink Doc ID: 456512.1
or you can replace the RTE completely with a 3rd party editor :
"How to integrate third party RTE (FCKeditor) with Oracle Portal" - Metalink Doc ID: 352796.1
Using FCKEditor may well solve the issues but I only use Firefox for development. Our users use IE6 so I don't want to replace the interface unless I have to.
Edited by: Matt Hawkins on Jul 15, 2009 1:58 PM

This is a known issue in both Portal 10.1.4.x and Portal 11.x :
Bug 8708210 (11) NOT ABLE TO RENDER RICH TEXT EDITOR WITH FIREFOX 3.5 BROWSER
This bug is not published on Metalink.
There is no solution yet. Consider to use IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419) for editing file items until this bug is solved.

Editing the properties of the Rich text editor in WebCenter Portal

I have a requirement to modify the properties and also to all a new plugin to the CKeditor (Or the Rich Text Editor) that we have in Webcenter. The rte-taglib.jar has the config.js where the change is required. How can this fiel and use the modified setting as per my reqirement.

This is a known issue in both Portal 10.1.4.x and Portal 11.x :
Bug 8708210 (11) NOT ABLE TO RENDER RICH TEXT EDITOR WITH FIREFOX 3.5 BROWSER
This bug is not published on Metalink.
There is no solution yet. Consider to use IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419) for editing file items until this bug is solved.

How to customize the Rich Text Editor task flow in the doc lib?

Dear Experts in WCP forum,
You know that webcenter portal has a feature is called customizing task flow.. so we have client request to customize the Rich Text Editor task flow of the Document library. Such as disable the Format, Font, Size drop down menu of the richtext editor UI.   But after I open the editHTML.jsff of the oracle.webcenter.doclib. the code is like this:
                    <f:facet name="richtext">
                           <af:panelGroupLayout layout="scroll" id="rtepng2">
                              <rte:editor id="rte" value="#{pageFlowScope.rte.HTMLTextArea}" converter="#{pageFlowScope.rte.HTMLConverter}"/>
                              
                              <af:region value="#{bindings.linksResourcePicker.regionModel}" id="lpr"/>
                           </af:panelGroupLayout>
                        </f:facet>
So likes that editor in fact is from <rte:editor tag.. my question is how to dig into this <rte:editor to find its jsff code? And change the menu inside to do the cusomization for them?
Is that possible?
A million thanks here in advance!
wayne

Based on the Tag TLD reference the editor tag has the following attributes:
<tag>
    <description>An ADF Wrapper to use the CKeditor></description>
    <name>editor</name>
    <tag-class>oracle.webcenter.doclib.rte.internal.taglib.RteEditorTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
      <description><html>the identifier for the component. The identifier
must follow a subset of the syntax allowed in HTML:
<ul>
<li>Must not be a zero-length String.</li>
<li>First character must be an ASCII letter (A-Za-z) or an underscore ('_').</li>
<li>Subsequent characters must be an ASCII letter or digit (A-Za-z0-9), an underscore ('_'), or a dash ('-').</li>
</ul></html></description>
      <name>id</name>
      <rtexprvalue>false</rtexprvalue>
    </attribute>
    <attribute>
      <description>The initial value of this component.</description>
      <name>value</name>
      <required>false</required>
      <rtexprvalue>false</rtexprvalue>
      <deferred-value>
        <type>java.lang.String</type>
      </deferred-value>
    </attribute>
    <attribute>
      <description>a converter object</description>
      <name>converter</name>
      <deferred-value>
        <type>javax.faces.convert.Converter</type>
      </deferred-value>
    </attribute>
    <attribute>
      <description>
        this is a pass through to get/set the CKEditor ToolbarSet property
      </description>
      <name>toolbarSet</name>
      <required>false</required>
      <rtexprvalue>false</rtexprvalue>
      <deferred-value>
        <type>java.lang.String</type>
      </deferred-value>
    </attribute>
    <attribute>
      <description>
        this is a pass through to get/set the CKEditor height property
      </description>
      <name>height</name>
      <required>false</required>
      <rtexprvalue>false</rtexprvalue>
      <deferred-value>
        <type>java.lang.String</type>
      </deferred-value>
    </attribute>
    <attribute>
      <description>
        this is a pass through to get/set the CKEditor width property
      </description>
      <name>width</name>
      <required>false</required>
      <rtexprvalue>false</rtexprvalue>
      <deferred-value>
        <type>java.lang.String</type>
      </deferred-value>
    </attribute>
</tag>
Which means that if you want to change the toolbar you have to check what is the type of toolbars the CKEditor uses, I can tell you that there are two defaults: Basic and Full and I believe the tag uses a custom toolbar called WC by default.
So if you want to change the toolbar to only show basic, change the toolbarSet property to Basic to make the final result looks like <rte:editor id="rte" value="#{pageFlowScope.rte.HTMLTextArea}" converter="#{pageFlowScope.rte.HTMLConverter}" toolbarSet="Basic" />
This is not tested, this is only a few insights I got reading about CKEditor

How to develop a rich text editor using Web-Dynpro?

Hello Everyone,
I am new hire,
today I got a task from leader to develop a rich text editor using Web-Dynpro,
Because I just finished the BC400 and NET310 training and lack of expericen in ABAP,
Can anyone tell me the main idea to accomplish the task?
Thank you very much.
Best Regards,
Derek

Have you looked at the standard UI Element
[FormattedTextEdit|http://help.sap.com/saphelp_nw70ehp1/helpdata/en/44/2772f505605447e10000000a422035/frameset.htm] it's not perfect, but it does allow some simple formatting.
Anything beyond this - you're going to need to use an Island.
[Thomas Jung's Demo of using an Island to provide a rich text editor|http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/a0c91fc0-932d-2c10-4ca7-f5774950c8e3]
Cheers,
Chris

How to insert a picture into the Rich Text Editor

hi,all
I want to make a Press Releases page,that means I have to use the the Rich Text Editor.In this item,I dont know how to quote a picture into this field.though i know there is a picture icon in this field,and when i press it,it can pup up a window.That is the Image Properties Window,under this window,there is a URL text field.But I dont know what to fill in this field,I mean,I dont know what the URL link is .can you just give me a picture URL sample ?
is it like "#APP_IMAGES#136_1_1.jpg" or something else ?
hope to hear from you.thanks ...
best regards
hlee
Edited by: hlee on 2011-3-30 下午8:04

Hi,
There is three types of images reference in oracle apex.
1 Standard image -> url reference is -----> #IMAGE_PREFIX#menu/books_64.gif
2 Workspace images -> url reference is ------> #WORKSPACE_IMAGES#java-icon.jpg
3 Application images -> url reference is ------> #APP_IMAGES#JqueryIcon.jpg
hope this helps you
Thanks,
Jaydip Bosamiya
+91 - 76000 23053
[http://jbosamiya.blogpost.com|http://jbosamiya.blogpost.com]

I use Juno for my email. How do I turn on the Rich Text Editor and how do I forward messages inline rather than having everything go as an attachment?

Using Juno I find no way to turn on the Rich Text Editor. How do I turn it on?
When I forward a message in Juno, everything goes as an attachment. How do I get messages to go inline?

Another thing to remember is the phone is actually usable for 911 calls and maybe others. Not a real good idea. Especially for a child.
It would depend however on the age of the child.
Good Luck

How to Change Width of Rich Text Editor

We are attempting to use a rich text editor. By default, the span for the RTE gets a width of 760px. This is much wider than we'd like.
The id attribute of the span control gets set to cke_<PAGE_ITEM_NAME_HERE>, so this jQeury selector should obtain a reference to the control and allow us to change or remove the width attibute
span#cke_P3_DESCRIPTION_2However, what we've notice is that the control does not exist until after the page has been loaded. In other words, if we do this in the "Execute when Page Loads" section, nothing happens
$('span#cke_P3_DESCRIPTION_2').css('width','');We can confirm this by popping up an alert. In the page load section, this yields "0" but, in a button on the page, that gets clicked after the page is open, it yields "1"
alert($('span#cke_P3_DESCRIPTION_2').length);So, since the control isn't actually there at load time, what's the best way to do this?
-Joe

Thanks for this tip, VC! Worked like a charm.
I was having a problem with a rich text field in a modal region in one of the new responsive themes (theme 25). The page dutifully alters the spacing and layout of the page regions as the browser window is made wider or narrower, and the modal region also resizes appropriately. But the CKEditor window within the modal region stubbornly stayed at whatever value it defaults to (30 characters, which I guess translates to the number of pixels mentioned by the OP).
I slightly modified your code below to set the width property to 100% instead of a fixed value and now the editor window expands to fill the available modal region width. Perfect!
Mike

How to configure customized rich text editor in a dialog

I have a customized rich text editor component in my project which i want to use it in a dialog component.
I tried by changing the xtype value from 'richtext' to the customized rich text editor path as '/apps/project1/components/shared/text_rte' but i am not able to see the editor.

See http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br for your <br> example. <br/> is XHTML, not necessarily needed in HTML5.

Replacing the Rich Text Editor with FCKeditor

Hi,
I've seen a few people mention that they've replaced Portals RTE with FCKeditor in the Portal 10.1.2 release. As ever Oracles documentation is scant (that's being generous) as to how to do this. If anyone has, can you give me an example of how you have modified your buildUIembed.html file.
I've currently got this partially working, the new RTE is displaying, but the page won't submit. Portals JS is trying to .save() the RTE content, a method which it apparently doesn't support!
Any help would be much appreciated.
Regards
Dan

Hi Dan,
Per the OracleAS Portal User's Guide (available at http://www.oracle.com/technology/documentation/appserver1012.html)
Possibility of extending or replacing the seeded rich text editor
You can customize the OracleAS Portal rich text editor to support your needs: from simple changes, for example, replacement of buttons on the editor's toolbar, to more complex changes, for example, replacement of the seeded editor with one of your own.
Such changes involve altering the files that comprise the user interface and functions of the seeded rich text editor. This being the case, this feature is intended for advanced OracleAS Portal administrators. Additionally, you should be aware that future upgrades of OracleAS Portal may impact any modifications made to these files. Support for this feature is offered through the Portal Content Area discussion forum and not through Oracle Support;
You may want to pose this question in that forum.
Regards,
Pete

Using rich text editor (RTE) for custom applications

Our users enter texts on two places:
1) In Oracle Portal in text-items using the Rich Text Editor.
2) In text-fields in a custom application using html-tags <textarea>blabla</textarea>. For formatting the users currently have to type in html-tags themselves. Now we want to provide them an html-editor.
We would prefer to use the Rich Text Editor also for the custom application. However, that is integrated in Portal and the java-scripts are not easy to follow.
Have you tried something similar? So, did you use the Rich Text Editor for your own application? If yes, how?
If not, a very good alternative would be the qwebeditor (see http://www.qwebeditor.com). Did anybody replace the standard Portal rich text editor with the qwebeditor? In the Portal guides there are instructions about replacing the Portal rich text editor by another editor, but it is not clear if this will also work with the qwebeditor.
Thanks for your respons !
Best regards, Jan Willem Vermeer

Hi Jan,
I have configured FCKeditor in a few clients, and the process it's pretty straight forward, you can use the steps in the document (http://www.oracle.com/technology/products/ias/portal/pdf/cm_rte_1014_features.pdf) .
Basically you download FCKeditor and put it in your apache server (you can put it unde rthe htdocs folder) after that, all you need to do is modify $ORACLE_HOME/portal/images/webword/buildUIHTML.html to reference the FCKeditor JS and CSS, and you can do the same type of reference for your custom apps.
Regards,
Juan

Rich Text Editor not showing up

Hi. I've installed OracleAS 10g Rel 2.
When I try to add text using IE6 the text area is just gray. I have tried to change different attributes in IE but its still gray. I dont know how to debug IE either, I normally use firefox.
Any ideas how I can debug IE, or what I should change on my IE to make the rich text editor show up.
(btw, the installation is on my laptop, using XP pro. Not supportet but generally works fine. I know ppl at Oracle have this working on XP so it should not be the issue).

hi terje,
i just tested this on my 10.1.2 installation using IE6 and it works fine. so it seems not to be any general issue.
2 things i would check:
- does a java scrip error occur on the page when you add/edit a text item. you see this in the left lower corner of the browser.
- check the log files on the application server mid-tier.
- but before starting debugging i would go to another pc and try to access your portal from there. this will show you if your client machine is the problem or if the portal installation is the problem.
regards,
christian

Using Rich Text Editor with a Custom Attribute

Hello All,
Can anyone please tell me as how can I use the Rich Text Editor with a Custom Attribute?
I want to create a custom attribute based on text datatype, but when entering the value for this attribute in a Custom Item, portal shows a normal textarea. I want that the user should see the Richt Text Editor.
Thanks for help.
Regards

Hi,
Can you tell me what steps you are using to produce this, and which Portal version you are using. When I tried it, I wasn't able to reproduce it. Here are my steps:
1) Created Custom Item Type, based on Text, under
Page Groups > Shared Objects > Item Types
2) Selected Three attributes (Description, Name, Publish Date). Note Text and Display Name were already selected
3) In Add Item Wizard, configured list to allow for my
custom item type selection.
4) Then I was able to see the Rich Text Editor when editin
my custom item type.
Regards,
J.

How to extend Rich Text Editor in Portal 10.1.4

Similar Messages

Maybe you are looking for