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

Similar Messages

Print PDF rich text editor using BI Publisher

Hi !
I have a CLOB field from database, and I store data using a rich text editor, like a MS Word system, here as you know, I can write words in bold format, use differents kind of colors, etc... and use all formatted text that the editor allow me. I haven't problems once save this data into table and restore again, I can see all this data formatted , and I don't loose any property of this formatted text.
The problem is when I want print this information in the same way that I can see in the rich text editor. I use BI Publisher for generate a PDF, when I send this field for print a PDF, the PDF that BI publisher generate, print only text, prints all characters including generating that text is formatted, for example, if the field is written in bold print "<b>hello</b>" in the PDF generated by BI Publisher see "< b. > hello < / b>".
Please which is the way for print the same as is displayed in the rich text editor?
Thanks in advance.
Edited by: Almogaver on 07-mar-2011 14:35
Edited by: Almogaver on 07-mar-2011 14:35
Edited by: Almogaver on 07-mar-2011 14:36
Edited by: Almogaver on 07-mar-2011 14:37

Bump Again. I understand how to remove the HTML tags, thats not a problem. The problem is getting the report to print the data from a Rich Text Field stored in a CLOB or NCLOB as formatted text. Is there a "Master Style Template" or "Master Rich Text Field Subtemplate"?
Richard

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 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.

How to get a r/3 file using web dynpro

Hello Experts.
Actually I have a new request, I hope you can help me please.
I'm a web dynpro programmer (java), so my company need to take a r/3 file to download at the local pc. In fact, the file is en r/3 already.
The matter is, i have no idea how to get that file since my web dynpro app. to download it. the file is a compressed file may be a .ZIP file... so any of you can let me see the light in this??
thak you all.
walex

Hi Walex,
You will first need a RFM that returns the file that you need.
Then you can create a Adaptive RFC model in Web Dynpro to access this RFM and store the file in the Web Dynpro context. Web Dynpro provides APIs to save files to the local system
You can check this article for downloading the file.
http://wiki.sdn.sap.com/wiki/display/Snippets/WebDynproJava-ExportingTableDataUsingOn-DemandStreams-SAPNW+7.0
Best Regards,
Supriya

Making Rich Text Editor with PHP in Dreamweaver - Problem with CKEditor...

Hi,
I am developing a website in Dreamweaver and using the platform of PHP and MYSQL. I need to develop a Rich Text Editor just like the one I am typing at the moment. With my recent searches I have come across with CKEditor as one of the possibilities to add a Rich Text Editor to my website. I have seen older versions of CKEditor also known as FCKEditor which I believe unfortunatley is out of date and obsolete now (discontinued). I cannot find any of the downloads now from anywhere on the web.
I can find FCKEditor tutorials with PHP, but can not find CKEditor tutorials for PHP (when I try googling it, it always gives me FCKEditor page). Can anyone please help me and tell me if I can still make Rich Text Editor using CKEditor and PHP?
If yes, please guide me how? Any tutorials or reading material will be very helpful.
Regards,
Bilal . Khan

Yes, you absolutely can use CKEditor to create a rich text editor with PHP/MySQL.I have tried several editors and it's my choice.
Here is a link to the documentation page:
http://docs.cksource.com/
CKFinder is also very good in conjunction with CKEditor. Although it costs $59/per website, it's better than the free alternatives.

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

Using rich text editor in new asset type input form

Hey everyone,
I'm currently trying to create assets based on a newly created asset type (which I of course, created). However, the STORAGE property I declared in the asset definition file is to support formatted text, which would normally be pasted from word documents. Note that I'm using the Basic Asset Model.
Thus, I need a rich-text editor to be used in the content input form. So, after looking at the tags reference in the developer's documentation, I thought that I could use EWEBEDITPRO to achieve my goal but there's always an error mentionning that the component can't be launched. I supposedly have to configure two parameters, one of them being the path for ewebeditpro.js. I looked for that but haven't found it. On the other hand, I looked at the Oracle WebCenter Sites Property File document and that one stated that EWEBEDITPRO is deprecated and not supported (?!?!).
So in short, what can I use, as a rich-text/html editor?? Thanks in advance for any reply!
Edited by: DigitalSelf on May 24, 2012 2:26 PM

Thanks. From what I've read in the developer's guide, CKEditor was available with assets built from the Flex model. However, I'm currently having a hard time trying to display the content of an attribute with content input through the CKEditor, because it's stored in a blob. Although I've found several examples showing how to read the content of a blob, none of them worked for me...

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

Using a rich text editor to style a Flash text field

I've been trying to build a user interface that would allow someone to change the content of a dynamic field (loaded from a text file) using a rich text editor. However the editor inserts inline css style tags like <span style="text-decoration: underline;"> which Flash aparently can't understand. If the editor were instead to insert the following: <span class="ul"> where the stylesheet defined it as:
.ul {
text-decoration: underline;
display: inline;
then everything would be fine. But it doesn't and I can't change it.
I am currently using a rich text editor that I access as follows:
var myEditor1 = new YAHOO.widget.SimpleEditor('editText', {
    height: '600px',
    width: '700px',
    dompath: true, //Turns on the bar at the bottom
    handleSubmit: true
The editor above is "applied" to a textarea within an html form. Then the text is saved to a text field with the embeded styles.
Any ideas on how I handle this so the user doesn't have to insert css rules by hand?
thanks much

Does anyone know of a richtext editor that uses just html tags (not css like <span style="text-decoration: underline;">) or that uses css styling that Flash as3 can understand?

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.

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 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]

Using a different Rich Text Editor ?

Hi,
I'd like to know if you're using a different Rich Text Editor other than the one provided by Oracle ?
Are you satisfied with it ? Especially in the management of images ?
Thanks
Max.

there is a textflow component
http://blog.flexexamples.com/2009/07/25/exporting-a-textflow-object-in-flex-4/
still exports to font tags unfortunately, but its closer than the richtexteditor. Its basically at the point where you could even write your own small parser and adapt the output to the format you desire.

Using the Document Manager Rich Text Editor

I'm wondering whether there is a reasonable way we can use the Rich Text Editor (based on CKEditor) that is contained within the Document Manager task flow (primarily for editing Wiki pages) outside of the Document Manager itself? We have another type of content we need a Rich Text Editor for, but it would be great if we could use the inline image links, tables, links to documents in the content repository, etc.

Have you consider use Site Studio + Content Presenter?
http://docs.oracle.com/cd/E17904_01/webcenter.1111/e10149/content_cp.htm
http://george.maggessy.com/2012/05/inline-editing-in-content-presenter-for_10.html
[]'s

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

Similar Messages

Maybe you are looking for