Customize the cms wysiwyg editor

How can I customize the toolbars and menues in the wysiwyg editor?
I have managed to customize the menu by editing "./servers/PortalServer/tmp/_WL_user/wlp-commonui-web-lib/ 842fj3/wlp/pinEdit/editor/config/config_menu_custom.js" However, I guess this will be overwritten on the next deploy?
The toolbar is customizable by changing the parameters to the wysiwyg iframe, but how do I do that?
Thanks in advance

Rather than modifying that file in your temp directory, you could extract that file to your web project and modify it there. That way, your modifications will persist for your project.
Using Eclipse with the Portal perspective, use the Merged Projects View and locate that .js file. Right click on it and extract it to your project. Now, this file in your web project will override the file in the Library Module.
But please note that this WYSISYG editor is not licensed for usage outside of the uses that BEA WebLogic Portal has provided. If you wish to use this editor for your own portlets/purposes, you must contact PinTex for your own license.

Similar Messages

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

The JSP WYSIWYG Editor can't display most Unicode characters

Eclipse supports display of Unicode characters very well since version 3. However, NitroX couldn't display most most of them. Well, besides characters from other non-Western European languages, NitroX can't even display characters that it's supposed to support. Well, that's what I think so. I mean, when we type the & character, we have the whole list of character entity references amongst which we could find &and; ∇ &or; → but which are not displayed correctly. And many more are in this case.
Is this a feature or a bug? By "feature", it means that we can't get them in free version.

I have exactly the same problem. I support web pages for 25 European countries. I've not seen Nitrox support any unicode characters. Until M7 answers this question or fixes the editor, you can use the Eclipse editor to see and edit the text.

Air 2, Flex 4.1, embedding xstandard wysiwyg editor

Hi,
Has anyone had any experience with embedding the xstandard wysiwyg editor into a flex application using the Air HTML component?
For those who don't know; it is an activeX control providing xhtml compliant code generation, drag, drop and upload functionality (in one move) etc and is far superior and easier to use than the freebee wysiwyg editors out there.
The editor requirement:
Easy table generation
drag and drop of images onto the interface with upload and insert into content
Paste of MS Word content into the editor. (automatic image upload and insert)
Editor solution:
xstandard ( http://www.xstandard.com )
are there any others that provide this functionality?
The problem at hand:
I have developed an inhouse application which embeds a wysiwyg editor using the HTML component of AIR.
The editor is embedded on a php page which take care of loading the data and the editor controls. With the appropriate parameters it works independantly outside of the Air/Flex application.
Initially we were successfully using TinyMCE (pre editor requirements) however the less computer savvy users (most of them) were having issues using the table generator and the image uploaded. To difficult, inefficient and too many steps.
xstandard integration:
xstandard is working fine externally to the application, as it does with TinyMCE. When loading it into the Air/Flex application the controls don't show up instead the source editor is visible. It looks like it is partially loading the activex control.
I have spoken with the xstandard developer, we have tried a few things, different test build etc however with little success.
I thought it may have been the userAgent however I set the HTML parameter userAgent to "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)" ut this did not work.
Does AIR have restrictions applied to embedded objects?
Any other suggestions?
any help will be greatly appreciated.
Damian Georgiou

Hi Damian,
ActiveX is only supported by IE on Windows. Also, I believe the HTML component in Adobe AIR only supports the flash plugin and pdf plugin.
Best,
Rob

How do we customize the default CKEditor for Web Form Editor in UCM 10gR3?

Our customers are using the Web Form Editor for some WYSIWYG changes. The form has too many options and they would like to limit what the users can do. We have attempted to make changes to the following files to customize the CKEditor for Web Form Editor and cannot see our changes reflected after saving/restarting Content Server.
Instance\weblayout\webform\ckeditor\config.js
Instance\weblayout\resources\wcm\3rdparty\fckeditor\fckconfig.js
Instance\custom\FCKEditor\webform\ckeditor\config.js
To test a simple change we tried adding the following to change the toolbar options.
CKEDITOR.editorConfig = function( config )
config.toolbar = 'MyToolbar';
config.toolbar_MyToolbar =
['NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
['Styles','Format'],
['Bold','Italic','Strike'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['Link','Unlink','Anchor'],
['Maximize','-','About']
There isn't much standard documentation on this out of the box feature and I've searched Oracle Support with no luck.
Content Server 10gR3 (10.1.3.5.1)
FCKEditor 2010_12_18 ($Rev: 90491 $) br-10g-10.1.3.5-release
CS10gR35UpdateBundle 2011_02_08 (build 93)
Thanks,
Angela

Posting the answer:
You need to make the changes to the webforms component inside the ~\custom\FormEditor\templates\fe_config.js file. Then propagate your changes using the Administration > Actions > Publish layout files page.
One more quick question - where do we limit the Styles, Fonts, Sizes, Colors?
in the same file we added lines similar to the following to limit the fonts,
styles....
CKEDITOR.config.font_names = 'Arial;Times New Roman;Verdana';
CKEDITOR.config.fontSize_sizes = '16/16px;24/24px;48/48px;';

Can I use the WYSIWYG editor in Firefox?

How can I get a WYSIWYG editor in Firefox to use in Delphi Forums?
Thanks,
Catherine Climpson

Hi Catherine,
Most forums have a built in wysiwyg editor. If you are simply looking for one to use though, you can check out:
http://ckeditor.com/demo
The ckeditor is one of most commonly used editors in the industry. There is a ''New Page'' button next to the ''Source'' button that will let you try it out.
Hopefully this helps!

Content Holder How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

Need an answer to my question: How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

Liam,
If it's not supported there, then where can I access the css and do you have any recommendations for a simple app to change the css style?

Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below?

Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below? We're trying to make it easily for the client to apply formatting by selecting the CSS Class on the list.

The Page Template must contain a reference to exactly one stylesheet.
That single <link rel="stylesheet"> tag must be directly in the <head> section of the Page Template, not in any content holder.
The class to be added cannot have a selector any more complex than a single class. E.g., this is fine:
.button {
     background-color: red;
     padding: 5px 10px;
This will fail:
.content .button {
     background-color: red;
     padding: 5px 10px;
The classes to be added must each be added to the list in the Partner Portal (Partner Portal › Tools › Online Editor Settings › select your site from the dropdown › Editor Apply CSS).
With caching disabled, the above changes will be visible when you change a page's Template and answer 'Yes' to the 'Do you want to reload?' alert box.
More info here: CSS Styles are Missing in WYSIWYG Editor

What is the best wysiwyg web editor APP

I am looking to build my first website and it was suggested to me that I use a wysiwyg web editor. What is the best wysiwyg web editor App available for a beginner at web design? Or does anyone have a better suggestion?

SQL stands for Structured Query Language and has nothing to do with a specific DBMS as MS Access also supports SQL as well. If you are looking to move away from Access, then any of the major DBMS will work - Sybase, Oracle, MS SQL Server, MySQL, etc - with ASP.
As Pegaprint points out. MS Access can be used as a front end to any ODBC database. I work with large enterprise databases and have many front end tools available, but still use MS Access often to design queries because it's simple and works great. In any event, your first task is probably to get a good understanding of SQL as that will be crucial.

WYSIWYG editor upload with images

Hello, friends!
I need help solving following problem:
I need to create WYSIWYG editor, which just to enter text and image. Other options (like font-size, font-weight...) not need. Then when submit the form with richedit, all data in form with images must sent to server.
1) images must upload
2) text must content following: text <img="src=../image1.png"> text <img="src=../image2.png"> text
or maybe all images must save as a blob data
Help me, people!

Is this an Oracle question?

How to use the CMS functionality in Sun Portal Server 7.2

Hi All,
How to use the CMS functionality using the ccd.war(Portlet) which is available in the library as i could add it to my channel but not able to show the functionality as it is showing the error msg "You are currently not logged in. Please login." should I create userid and there respective roles inorder to use the CMS functionality.
Has any one used this as I could this in glass fish server.
Any Input is appreciated.
Thanks & regards
Srikanth

Have a look at the "*Roles*" section of the portal server 7.2 content management system guide
http://docs.sun.com/source/820-4275/index.html . You can also look at [project mirage|https://mirage.dev.java.net] for some screencasts
Alternatively,
1. ccd.war has 3 portlets in it:
(a) custom content definition portlet
(b) custom content portlet
(c) workflow portlet
2. Inorder to work with these portlets, user needs to be in anyone of the below roles:
(a)Consumer (b) Editor (c) Approver (d) Administrator (e) Submitter (f) Contributor (g) Publisher
3. By default ccd.war gets deployed using a default roles file (/var/opt/SUNWportal/tmp/ccd.roles.properties)
Note: In windows, you may not find this file
4. Access the portlets as a user in any of the role mentioned in the ccd.roles.properties
(OR)
you can use a new roles file which has mapping to your custom roles. For this , undeploy existing ccd.war and deploy again with a new roles.properties file
Hope this helps!

WYSIWYG Editor in Webdynpro for ABAP

Hello,
we need a simple WYSIWYG Editor in ABAP Webdynpro to format some Texts, which are saved in the backend system.
The Editor should produce HTML-Code or something like that.
Anyone an IDEA?
We have tried the following:
ABAP Webdynpro Application-> IFRAME -> BSP Appication with FCKEditor .. but problem is the data exchange back to the A4WD Application.
Edited by: Steffen Epple on May 20, 2008 5:20 PM

Hello Thomas,
thanks for this info. So with the EHP the WYSWIG UI Element will be part of the standard UIs?
Which EHP do you mean because we're doing currently an RampUp with SAP EHP3 for ERP 6.0?
So you mean Basis Netweaver EHP? don't you?
Edited by: Steffen Epple on May 21, 2008 8:16 AM

Need help putting a menu designed in Dreamweaver in an external WYSIWYG Editor

I put together a menu that contains spry widgets in Dreamweaver. I need to get what I made into a website hosted by another company. The site allows you to create your own pages through a wysiwyg editor. I'm having trouble figuring out how to attach the .js and .css files. I tried copying the source code into the HTML source editor but it ignored the script and css. I then tried putting the code from the .js and .css file into the source editor but I'm doing something wrong. I'm new to HTML and Javascipt and I have a feeling it is a pretty obvious mistake. I would really appreciate some instruction or advice on how to properly put all of the components into the editor.

Open those individual files to see the code.
<html>
<head>
Copy and paste script code between <script type="text/javascript"> and </script> tags.
Copy and paste CSS styles between <style type="text/css"> and </style> tags.
Insert conditional comments (if any) below the scripts and CSS styles.
</head>
<body>
This is where your page content goes
</body>
</html>
Best of luck!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Ordered and Unordered Lists viewed in WYSIWYG Editor in RoboHelp 10

I recently upgraded a project from RH 9 (9.0.2.271) to RH 10 (10.0.0.287). Ordered and unordered lists display in the WYSIWYG Editor with more spacing around each line. When I generate the output to HTML Help, the spacing looks fine. I also tested generating output to WebHelp, and again, the output looks fine.
I have paragraph and list styles defined in my style sheet that I apply to the text in the topic. I also looked at the styles in RH 10 and Media is set to "None."
Using the Style Pod, I looked at the set up of the parapgraph and list styles. For those styles, (and my body text styles - which look fine in the WYSIWYG Editor) have spacing before and after spacing set. (NOTE: These styles were created in RH8 and the WYSIWYG Editor displayed the styles appropriately in RH8 and RH9.) Even though I changed the style sheet, the WYSIWYG Editor is still displaying more space around the styles then I am expecting.
I know this is not a huge issue since the output looks fine, but I want to understand why the WYSIWYG Editor isn't working as I expect. I would like the editor to display with correct spacing.
I attached a few screen captures showing what I see.
HTML Help Output
Thanks in advance for your help.

I suspect part of the issue is that your list styles have spacing above and below and then you have applied paragraph styles that also have spacing above and below.
Using both is OK and is how I work. However, I do not have any spacing above and below in my list styles. I rely on the paragraph style for that. It looks like Rh's Design Editor is applying both but browsers are not.
It is still not quite the same in a browser as in Design Editor but it is much closer. There will also be browser differences anyway so it's a case of getting some balance.
Try removing the before and after spacing in the list style. Alternatively, if you do not generate printed documentation then rely on the list style only. (Select the lists in a topic and set paragraph to None).
Let us know if that is close enough.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Not able to login in CMS Logic editor

Hi,
I'm using older version of sap xMII 11.0. I'm not able to login CMS Logic editor using my user name and password but able to login to the other xMII pages. Do we need to modify any system properties?
regards
Bala

I think you should talk to your colleague who messed up the server environment: Changing Lighthammer Home in BLS (xMII 11.5)
Once it is solved I assume you'll be able to login as well.

Customize the cms wysiwyg editor

Similar Messages

Maybe you are looking for