Flex 3.5 Rich Text Editor Bold Button is Selected by default?

Hi and thanks in advance,
I'm creating dynamic forms via action script in flex builder with SDK 3.5.
One part of this form is a rich text editor, it creates and works just fine, but I have one little annoying issue the bold button is defaulted to on (selected)
The funny think is, if I lose focus on the text area of the RTE and de-select the bold button, as soon as I set focus to the text area again the bold button is toggled back on. This leads me to think that the text area which is empty is some how bold.
if I show an alert Alert.show( String( _rte.boldButton.selected ) ) after the RTE as been added to the form is shows false.
Even if I set _rte.boldButton.selected = false just to be sure it still displays the bold button as selected.
Its a basic RTE the only thing I'm doing is adding a validator if its required and removing the link bar
_rte.toolbar.removeChild(_rte.linkTextInput);
Any ideas are very much appreciated
flash harry...

Similar Messages

Adding custom buttons to the Rich Text Editor in CQ

Hi,
I have added custom buttons to the rich text editor in order to allow our editors to add specific content, such as popovers, custom videos and other data necessary data.
I have successfully modifed the Rich Text editor so, that it includes the custom buttons in the actions panel.
I have also managed to make the buttons work and include the data where necessary, when user highlights the text and clicks on a certain button.
The last bit I am struggling with, is the visual feedback we give to the users when this text has associated action with it.
E.g. when we select this text and make it bold when we click on the word B the button B becomes highlighted in the actions panel, later when we continue typing our text and click again on "bold" the letter B becomes highlighted again.
Is there any button related callback/method I could overwrite to add this functionality and make my button highlighted ?
Thanks,
Puzanovs

After lot's of thinking found a solution....
Essentially the first step is to extend the CQ.form.rte.plugins.Plugin in your custom button.
Then during the UI initialisation we create our "custom"
var pressButton = new ui.TbElement("press-button", this, true,this.getTooltip("press-button")); // Essential extend of the button
setInterval(function() {
 if(window.jQuery) {
 window.jQuery(document).ready(function () {
 window.jQuery(".x-edit-glossary-insert").css({width:45,"background-image":"none"}); // Ignore the background
 window.jQuery(".x-edit-glossary-insert").text("Press Button"); // Set the name
 $(document).on({
 mouseenter: function(){
 window.jQuery(".x-edit-glossary-insert").html("Press Button"); // Set the name bold
 mouseleave: function(){
 window.jQuery(".x-edit-glossary-insert").html("Press Button"); // Set the name normal
 }}, '.press-button');
 }, 100);
tbGenerator.addElement("press-button", plg.Plugin.SORT_LISTS, pressButton, 10); // element is inserted
Every time the element is inserted I add the following html
Test peter
Now, every time in the editor, the content editor mouse overs the custom button it is higlighted in the RTE))

Rich Text Editor bug

Hello,
My flex website at
http://www.theplaygrounds.co.uk/The_Playground.swf
throws the below error when I click on Contact or B/I/U on the Rich
Text Editor.
ReferenceError: Error #1069: Property string not found on
mx.controls.RichTextEditor and there is no default value.
at
mx.validators::Validator/mx.validators:Validator::getValueFromSource()
at mx.validators::Validator/validate()
at mx.validators::Validator/::triggerHandler()
at
flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.core::UIComponent/dispatchEvent()
at mx.controls::RichTextEditor/__textArea_valueCommit()
at
flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.core::UIComponent/dispatchEvent()
at mx.controls::TextArea/set text()
at
mx.controls::RichTextEditor/mx.controls:RichTextEditor::commitProperties()
at mx.core::UIComponent/validateProperties()
at mx.managers::LayoutManager/::validateProperties()
at mx.managers::LayoutManager/::doPhasedInstantiation()
at Function/
http://adobe.com/AS3/2006/builtin::apply()
at mx.core::UIComponent/::callLaterDispatcher2()
at mx.core::UIComponent/::callLaterDispatcher()
What is actually the bug here?
Also, on the contact page, I need to be able to scroll down
for the submit button. How could I implement this? I've tried
everything.
Thanks

Hi,
I have this code for validation:
<mx:StringValidator
id="nameValidator"
source="{userName}"
property="string"
minLength="2"
/>
<mx:StringValidator
id="nameValidator1"
source="{userComment}"
property="string"
minLength="2"
/>
<mx:StringValidator
id="nameValidator2"
source="{userEmail}"
property="string"
minLength="2"
/>
This acts on the contact form's forms, as these are the only
textboxes in the web app.♠
The contact form code:
</mx:Canvas>
<mx:Canvas label="Contact" width="100%" height="100%"
verticalScrollPolicy="off" backgroundAlpha="0.7">
<mx:Panel
title="Feedback"
left="10" top="10" right="10" bottom="10"
layout="absolute"
verticalScrollPolicy="on">
<mx:Script>
<![CDATA[
import flash.events.MouseEvent;
import mx.controls.Alert;
private const NL:String = "\r";
private function submitButtonClickHandler
(event:MouseEvent):void
var userDetails:String = "You submitted the following
details:" + NL + NL;
userDetails += "Name: " + userName.text + NL;
userDetails += "Email: " + userEmail.text + NL;
userDetails += "Hide email? " + (hideEmail.selected ? "Yes"
: "No") + NL + NL;
userDetails += "Comment:" + NL + NL + userComment.text;
Alert.show (userDetails);
private function emailButtonClickHandler
(event:MouseEvent):void
var msg:String = "You can use the navigateToURL() method to
open a URL"
msg += " using a call similar to the following:\r\r";
msg += "navigateToURL (new URLRequest
('mailto:[email protected]'));";
Alert.show (msg);
]]>
</mx:Script>
<mx:Panel
title="Leave a comment"
layout="absolute"
width="523" height="573" x="10" y="10"
backgroundColor="#E9ECE7" verticalScrollPolicy="on">
<mx:Label text="Name:" x="10" y="12"/>
<mx:TextInput id="userName" y="10" right="10"
left="90"/>
<mx:Label text="Email:" x="10" y="43"/>
<mx:TextInput id="userEmail" y="41" right="10"
left="90"/>
<mx:Label text="Comment:" x="10" y="99"/>
<mx:CheckBox
id="hideEmail"
y="76" left="90"
label="Hide my email address"
selected="true"
/>
<mx:RichTextEditor x="90" y="126" title="Leave a comment"
id="userComment" text="Leave A Comment" enabled="true"
verticalScrollPolicy="auto">
</mx:RichTextEditor>
<mx:ControlBar x="120" y="258"
horizontalAlign="center">
</mx:ControlBar>
<mx:Button
id="submitButton" label="Submit"
click="submitButtonClickHandler(event);"
x="355" y="79" fontSize="10" fontWeight="bold"
mouseDownEffect="{shrink}" mouseUpEffect="{revert}"
fillAlphas="[0.0, 0.0, 0.0, 0.0]">
</mx:Button>
</mx:Panel>
<mx:Script>
<![CDATA[
import flash.events.MouseEvent;
import mx.controls.Alert;
private function submitButtonClickHandler1
(event:MouseEvent):void
var userDetails:String = "You submitted the following
details:" + NL + NL;
userDetails += "Name: " + userName.text + NL;
userDetails += "Email: " + userEmail.text + NL;
userDetails += "Hide email? " + (hideEmail.selected ? "Yes"
: "No") + NL + NL;
userDetails += "Comment:" + NL + NL + userComment.text;
Alert.show (userDetails);
]]>
</mx:Script>
Apologies if this is a basic bug, as I am new to the Flex
platform.
Thanks for your help♠♠

Rich Text Editor Options

I am working on a project that needs a Rich-Text Editor with
ability to insert tables, images, and more complex editing features
such as what FCKEditor provides but ideally that was built with
Flex in mind. Is there such an editor available? I have seen a few
options but nothing that really matched the functionality of
FCKEditor for example.
Thanks

Hello,
I was looking for flex version of the FCK Editor,
unfortantly, I could not find a fully complete solution, but I
found the following which might help you:
1.
http://flashtexteditor.com/flexdemo/full/
2.
http://drumbeatinsight.com/examples/htmlcomponent/editor/HTMLWithRTE.html
L.L.

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.

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 "hello" in the PDF generated by BI Publisher see "< b. > hello ".
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

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

Pasting from the clipboard using SharePoint 2010 rich text editor

Currently we are using Microsoft SharePoint 2010. In the Rich Text Editor their is a Paste option in which a user can copy from say a Word document and paste it in their content place holder. Right now I recieve an error message when trying to use the paste button " Your browser is not configured to allow access to your computer’s clipboard. Use Control+X for Cut, Control+C for Copy, and Control+V for paste". I cannot use the paste button for whatever reason. I have tried to change my javascript file within FireFox and it still doesnt work. After working with Microsoft on the problem they informed me that it was FireFox causing the problem and suggested I contact you for information or possible fixes.

See:
*http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard
*https://addons.mozilla.org/firefox/addon/allowclipboard-helper/ - AllowClipboard Helper

Display instantly the length of the text entered in the rich text editor

Hi everybody,
I'm developing an apex application with apex 4.1.1 and Oracle 11.2.
I have a page in which I have a form that allows to create a new message on the database.
A message has a title, description, text and date.
For the text I use the item "rich editor text". The problem is that item doesn't show the length of characters entered (character counter for the textarea). In the database the corresponding column is varchar2(2000). What I do is a validation after submit that checks if the limit 2000 was exceeded or not.
But what I want to do more is to display instantly the length of the text entered in the editor. I have tried to do that through a dynamic action. But the event "onChange" for the item "rich text editor" didn't work.
Has anyone any idea about that issue?
Thanks for helping.
Kind regards,
Edited by: Khadija Khalfallah on Apr 25, 2013 4:06 AM

sorry about that, I missed that tidbit in your OP... well I think there is a good reason why there isn't a count character option -- due to the hidden "html" characters responsible for the "richness" (bold/color, etc) applied to the text would be difficult to count true characters.. if I was bent on doing this, I'd continue using the item you are using, but have a HIDDEN text area that is updated via javascript onkeyup for each keystroke (again, keeping in mind you'd have to filter certain keys) and then that intelligence could be used. I would probably dig through the javascript responsible for the rich text editor (is it still fckeditor??) -- there might already be code in there that isn't clearly visible to you that does this already.. alas, I see now the validity of your challenge.

Query Regarding Rich Text Editor in Oracle 10G

Hello.
Can anyone let me know is their any privilege in Oracle 10g that we Incorporate the Rich Text Editor functionality. Currently we are working on Laboratory / Radiology Template based Reports in which they are requesting their should be option through which we can simply Cut and Paste our organized TEXT(REPORT) which are formatted in MS WORD with Bold,Underline and in Bullets format, it should simply paste in Editor and we can view a Template based report with formatted REPORT.
We are using Oracle 10G and it's Applet based Application. Any clue how can we Accomplish this? Any Suitable Suggestion?
Thanks

Sorry, I referred this already.. This also returns the HTML text. But i don't want the HTML text. I want Normal Text what i enter in the Editor. But as of now all the editors are returning HTML text. So in the front end also it is showing HTML text only.
I entered the text in Editor as
System Defaulted Note
Quote entered
But editor returns as below and the same way it is showing in the Front end application instead of above text.
<html>
<head>
</head>
<body>
System Defaulted Note

Quote entered

</body>
</html>

Configuration of the rich text editor not working as expected, can you help?

Hi,
I'm having a great deal of trouble customising the available features of teh rich text editor to the point where I believe there is either a bug, or the documentation is incorrect.
I have defined 3 plugins; edit, format and lists.
I can configure edit to enable or disable features, but format and lists cannot be configured and always display as default no matter what I configure.
Here is the configuration:
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
 jcr:primaryType="cq:Dialog"
 xtype="dialog">
 <items jcr:primaryType="cq:WidgetCollection">
 <text
 jcr:primaryType="cq:Widget"
 fieldLabel="Text"
 hideLabel="{Boolean}false"
 name="./text"
 xtype="richtext">
 <rtePlugins jcr:primaryType="nt:unstructured">
 <edit
 jcr:primaryType="nt:unstructured"
 features="[cut,copy]"/>
 <format
 jcr:primaryType="nt:unstructured"
 features="[bold]"/>
 <lists
 jcr:primaryType="nt:unstructured"
 features="[ordered,unordered]"/>
 </rtePlugins>
 <htmlRules jcr:primaryType="nt:unstructured">
 <links
 jcr:primaryType="nt:unstructured"
 ensureInternalLinkExt="{Boolean}false"
 protocols="[http://,https://,mailto:,javascript:]"/>
 </htmlRules>
 </text>
 </items>
</jcr:root>
As you can see I specify only bold for format, and ordered and unordered for lists, but all features are still present (edit however is configured as expected).
Hopefully someone can point out a schoolboy error that I have made, or agree this is a bug.
Thanks in advance
Chris

Nope, upgrade to 5.6.1 makes no difference.
@Jr. Jason - What version of CQ5 are you running where you are seeing the above configured correctly?
Also I've found that I can't enable the image plugin.
I'll raise a support call.

Insert Image/Table not working in SP 2007 Rich Text Editor, also in Wiki.

This is an odd one. It's in SP 2007.
When I try to insert a table or image when using the Rich Text editor, it doesn't work. Others with the same rights are able to and I have confirmed that I am following all appropriate steps (and variations thereof). The "Selected Image" field
will not populate when I select and image through the Browse button. When I cut and paste the address into the field, when I click OK, it dumps it.
With tables, if there is an existing table, I can insert another row/column, but I cannot insert a brand new table.
There is NO ERROR message, it just doesn't work.
Help.

Hi,
This forum is for general questions and feedback related to Word, and your question is more related to SharePoint 2007, I'll more it to the SharePoint 2007 forum:
https://social.technet.microsoft.com/Forums/en-US/home?forum=sharepointgenerallegacy
The reason why we recommend posting appropriately is you will get the most
qualified pool
of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
Steve Fan
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

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

Hiding the rich text editor toolbar

Hey all,
I have an ADF page that contains a few rich text editors and it looks a little busy with all the toolbars. What I'd like to do is hide the toolbars when the rich text editor does not have focus. I couldn't find anything in jdev's property inspector that would help. How can this be done, if at all?
I'm using JDeveloper 11.1.1.7.0.
Thanks,
Bill

The toolboxLayout attribute may be used to remove some of the toolbar buttons.
Refer
&lt;af:richTextEditor&gt;

Make changes to the rich text-editor toolbar

I need to add and remove some functionality of the rich text-editor toolbar. Based on the documentation: "Oracle Portal 10g release 2 - enhanced rich text editor", I can modified the Rich Text Editor (RTE) by modifying a file located in http://<host>:<port>/images/buildUIembed.html. To remove or rearrange a button within the RTE toolbar, I need to modify the drawEditor() function. I was able to do this; however, now I need to add one functionality: add the header format. I want to add the functionality of having "h1", "h2", and "h3" in some type of combo box. I know how to remove, but I am not sure how to go ahead and add this functionality. Any help will be greatly appreciated.
Thanks,
Marcelo

I need exactly this feature too...
Have you find some information?
I plan to change to other rich editors (as TinyMCE) but I have no documentation about how to do it...
:-(

Flex 3.5 Rich Text Editor Bold Button is Selected by default?

Similar Messages

Maybe you are looking for