HTML Editor Standard

Hi,
I created a html editor standard region, the HTML code is save fine in db:
<p align="left"><strike><font color="#ff0000"><font size="7"><strong><em><u><strong><em><u>Test</u></em></strong></u></em></strong> </font></font></strike></p>
<div style="MARGIN: 0in 0in 0pt" align="right"><font size="3"><strong><u><font color="#0000ff">Baiocchi Grandson Update:</font></u></strong></font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3"> </font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3">Colin’s career is doing nicely.</font><font size="3"> </font><font size="3"><font style="BACKGROUND-COLOR: #ffff00" size="5">He is a member</font> in <font size="1">good standing with</font> SAG, and had to file a 1040 for 2007 (yes Gobbo – he IS getting a refund).</font><font size="3"> </font><font size="3">The following links will get you to 3 commercials:</font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3"> </font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font color="#800080" size="3">http://www.mgae.com/commercials/F07/LTRockAndTwist.html</font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"></div>
<div style="MARGIN: 0in 0in 0pt" align="left">Please <strong>WELCOME</strong> <strong><font color="#dc143c">Pam Helf</font></strong> who has joined us as a Regional Lead based in Milwaukee and reporting to Frank Guarasci. Pam brings more than 25 years of experience to the team and we are THRILLED to have her!</div>
<div style="MARGIN: 0in 0in 0pt" align="left"></div>
<div align="left">
<ol>
<li>
<div align="left">Test</div>
</li>
<li>
<div align="left">Test</div>
</li>
</ol>
</div>
This code have differents fonts size, bulleted and numbered list.
In a HTML Text Region with Form Report Template in other page I show this HTML code but I don't see the sizes (IE 7 and Mozilla Firefox) and bulleted list (IE 7) fine.
Thanks for any help!

Hello,
You probably don't see the sizes because the css of your theme/template is still there.
I believe there's a * defined, which hurt me in the past as well.
If you look at Firebug for your region where you expect to see the different fonts, you should see which css it uses.
Regards,
Dimitri
http://dgielis.blogspot.com/
http://www.apex-evangelists.com/
http://www.apexblogs.info/

Similar Messages

Single line space after enter in html editor standard

hi,
In html editor standard, if I press enter then it goes to 3rd line and if I press shift+enter then it goes to 2nd line.
How can I change this shift+enter functionality to enter only.
It should ge to 2nd line just by clicking enter only.....
Thanks

It's an HTML editor, NOT a text editor. It generates an HTML document fragment, NOT lines of plain text.
Pressing return generates an HTML paragraph element (<p>), which is then affected by a CSS styling rule (either for the editor, the page, or the default for the browser) which is adding a margin (usually 1em, i.e. roughly 1 "line").
Pressing shift+return generates an HTML break element (<br />), which splits the current paragraph but is not subject to CSS in this case.
If HTML structure is needed in this item, but the appearance is inappropriate, then modify the CSS. If not, use a plain textarea and display the resulting text as a <pre> element to preserve the whitespace as entered.

Add image/object in HTML Editor Standard item (apex 3.2)

Hi,
I'm using the HTML editor standard item from Apex3.2.
I want the possibility to add an image/object in the editor, but I don't see that option on the HTML editor standard item.
How do I activate this option? Can someone help me out please?
I've found something on:
http://www.inside-oracle-apex.com/enable-add-picture-for-html-editor/#high_1
Is this the only & easiest solution?
Thanks,
Sunenny
Edited by: Sunenny on Feb 2, 2010 4:32 AM
Edited by: Sunenny on Feb 2, 2010 4:33 AM

Sunenny,
Yes, it would take something like that. Another option, although not any easier really, it to use the latest CKEditor.
Regards,
Dan
Blog: http://DanielMcGhan.us/
Work: http://SkillBuilders.com/

Apex 3.0 Html Editor Standard item - Add feature.

Hi,
Can I customize your new Html Editor Standard field? I would like to add some buttons that will pop-up window.
In futur, do you know if you will have package or something to customize the item ?
Thanks

This cannot be customized. In a future release we might (might) have an editor that you can customize but we do not have that now. The very last icon you see in the Standard HTML Editor is 'Maximize the editor size' (looks like a window) and it will expand the textarea to fill your screen.
-- Sharon

How to print html text created with HTML Editor Standard?

I would like to print the text I added with the HTML Editor Standard, using advanced printing. I have made up a Word document with a Report Query and a Report Layout, but the text pops up as html text. Also when I use HTML as output the text shows as "p strong hallo /strong /p" (but then with < and >) instead of hallo . I understand what goes wrong, but I am unable to solve it. Is there a way to work around this?
Thanks a lot, Frits
Edited by: user3829016 on 10-nov-2009 5:51
Edited by: user3829016 on 10-nov-2009 5:52
Edited by: user3829016 on 10-nov-2009 5:53

Thanks Lilly a lot!
I forgot about this tag. It helps in my situation.
P.S. I tried to solve problem with help of tag <pre> in such way:
some_word<pre> </pre>some_wordBut it didn`t helped.
Thank you again

How to embed image tag in HTML Editor Standard

Hi all,
I am using HTML editor standard in my application. I have placed a custom image to show on header region in custom folder. Now i want to give a image tag in HTML editor with a source to this file path. Now when i press save button, then the complete HTML with the image tag should be saved in the custom table.
Can anyone help me in this regard?,
With Regards,
Sunil Bhatia

Hi Ajantha,
You can do the same as well in css..as below..see sampl styles applied for Tab control...
Tab.modifyTab
selectedDownSkin: Embed(source="../images/tab_first.png");
selectedOverSkin: Embed(source="../images/tab_first.png");
selectedUpSkin: Embed(source="../images/tab_first.png");
overSkin: Embed(source="../images/tab_first.png");
upSkin: Embed(source="../images/tab_first.png");}
I suggest you to use Button control instead of Image control .... so that you have more control as you need a click functionality ...
So you can use the same to serve your purpose..
<mx:Button id="btnSave" styleName="saveIcon" buttonMode="true" toolTip="Save comments"
click="doSave();" />
and your css is as shown below:
.saveIcon{
upSkin:Embed(source="/assets/icons/save_it_icon.png");
upSkin:Embed(source="/assets/icons/save_it_icon.png");
overSkin:Embed(source="/assets/icons/save_it_icon.png");
downSkin:Embed(source="/assets/icons/save_it_icon.png");
disabledSkin:Embed(source="/assets/icons/save_it_icon.png");}
You can use different images for different states of the Button..
If this post answers your question or helps, please mark it as such.
Thanks,
Bhasker Chari

Starting HTML Editor Standard with collapsed toobar

Gurus,
I have a page with several HTML Editors items. As you can imagine, this can look a bit busy. I would like to start the page with the Toolbars collapsed. I notice that there is an arrow that will collapse the toolbar, but how can I start with the toolbar collapsed.
Thanks,
Craig

Hi,
I have the exact same problem. Anyone that knows the answer to this ?

HTML Editor Standard (fckeditor) does not render in copied app

Hi folks,
I have an app (app 100) where several pages use fckeditor HTML_Editor items. Works fine.
I copied the app to a new id (102). The new app runs fine (in exactly the same environment) BUT the HTML_Editor items do not render the fckeditor.
The only difference I can find in the generated page source is that in app 100 a given item has 'textarea name="p_t20"', and the same item in app 102 has 'textarea name="p_t21"'
Any ideas?
Apex 3.1.0.
Thanks,
John D

Abhishek,
Thanks for responding. Yes it was supposed to be a <style> tag. However that one was an old attempt. I have tried several using the right tags.
Basically, the only way I have been able to make it work is to put the style directly in the list item. i.e.:
<ul>
<li style="list-style-type: disc;">item 1</li>
</ul>
which is really tedious. What's more, the bullet still doesn't appear in the Muse Design view. You have to preview or publish to see it.
Gareth

How can I use javascript in a Text Area with HTML editor??

My question is... how can I use javascript in Text Area with HTML editor??
I can use javascript functions that change the content of Text Areas but i can´t if i try in text area with html editor....
I need to limit number of characters in a text area with html editor and i can´t.
could anybody help me please?

I have been experiencing similar problems with the HTML Editor and have managed to find an answer that should start to answer some of my questions. The Apex HTML Editor Standard is actually an HTML editor called FCKeditor. The FCKeditor has a Javascript API that can be found at http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/JavaScript_API. Unfortuately this doesn't seem to give the whole answer and I found more at http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:49607.
I needed to get the text entered within my html editor standard (e.g. P1_MYTEXT) and use it within my javascript function. I did this by using the following script
<script language="JavaScript" type="text/javascript">
function showtext(){
var oEditor = FCKeditorAPI.GetInstance('P1_MYTEXT');
var editortext = escape(oEditor.GetXHTML(oEditor.FormatOutput));
alert(editortext);
</script>
Hope this helps.
Matthew

How to create an HTML editor on Apex with the buttons for editing?

Hi,
I would like to have an online editor similar to the one I am using to post this thread with a bold, itallic and links button.
I see there are HTML editor items, however it doesn't have the bold, font buttons when I create the page?
Below are from the HELP section.
HTML Editor Standard - Provides more editing functionality, such as font, format and color, than HTML Editor Minimal.
Text Area with HTML Editor - Provides basic text formatting controls. Note that these controls may not work in all Web browsers.
Thanks.
Edited by: Samantha on Oct 21, 2011 2:12 PM

Hi,
Thanks. I went to the item area and did not see it after selecting 'Text area'
Only these items which do not have the cool editing features.
Textarea
Textarea (auto-height)
Textarea with Character Counter
Textarea with Character Counter & Spellcheck
Textarea with Spell Checker
HTML Editor Minimal
HTML Editor Standard
Textarea with HTML Editor (deprecated)

APEX - Textarea with HTML Editor.

All,
I am working with Application Express Version 2.2.1.00.04
I have the following problem:
I have an item "Textarea with HTML Editor" which I am inserting
information CLOB in a table.
This data is consulted by a Region Report of APEX which has a Link that
will be a popup. Inside the report, I use wwv_flow_utilities.URLENCODE
(here the column is a CLOB) where it gives me the error "ORA-06502:
PL/SQL: numeric or value error: character string buffer too small".
I started to investigate which might be the problem and saw that the
item "Textarea with HTML Editor" usually inserts special characters.
I show an example of the special character that inserts and which is the
error.
SELECT wwv_flow_utilities.URLENCODE(' ')
FROM dual;
This character, which is like a space in target, is bringing problems to
be able to execute the report.
A provisional solution to solve this problem is to put a REPLACE into
the Query.
Has anyone this problem.???? Do you know why this character can be
inserted??????
Thx..

Thanks Dimitri!
I'm trying to find this place in the application but I don't have enough privileges. Here, we are working with Application Express 2.2.1 and we have to upgrade to 3.1.1.
In order to improve the behaviour of HTML Editor Standard, I think we should integrate FCK to our application, do you know about any step by step explanation to achieve this? Because I was searching this information in the forums, but I can't find anything. Please, any information you can share with me will be very helpful
Thanks again!

Changing the font size does not work with Textarea with HTML Editor

If you change the font size in the text area of a "Textarea with HTML Editor" item it does not work. I've searched the forum and the only solution I've seen is to use an HTML editor foriegn to APEX. Does anyone have a better solution? Thanks, Elizabeth

I'm having a similar issue except with HTML Editor Standard.
What I'm doing is allow someone to write to an HTML Editor Standard field and then an HTML marked up text is saved to a db CLOB column. In another page, I reference this DB column and show it in an HTML Region (I do a computation Before Regions for a hidden item that writes out the html with "htp.p")
Everything shows up fine EXCEPT the font tags and headings. I'm finding that the HTML Region sets the font size only with the < d i v s t y l e="font-size: large" >and NOT < f o n t size:6 >. When the HTML Editor renders the user's text input, any size changes are made with the < f o n t > tag, which is depreciated anyways, and not with "style". That's why the size is not showing up.
I can't really figure out why the headings aren't showing up except maybe the css style in the region is overridding it...
Is there another APEX item type like HTML Editor (which uses FCKEditor) that I can use, or maybe another approach to remedy this issue? Or maybe this post calls for an enhancement with the HTML Editor?{size}{size}
</div>
Edited by: maui26 on Mar 4, 2009 10:43 AM

Reg HTML editor

hi all
I had a form item declared as HTML editor standard on a clob column. As there is a limit of 32k on the data in HTML editor i want to notify the user when the data he entered exceeds 32k. Is there any way to notify user through an alert box when he submits the page or as soon as the length exceeds 32k.
thank you
Kumar

Manish
yeah you are right, but how to get the context of the HTML editor, iam using the following code.The function is not being called from HTML editor item but works fine when i replace it with Text item. Is there any way to deal with HTML editor items
function checkLengthClob(pItem){
obj = document.getElementById(pItem).value;
if(obj.length > 32000)
alert('Too much text. Maximum note length is 32,000 characters.');
onclick="javascript:checkLengthClob('P23_xx');" // p23_xx is the editor item
thanks
Kumar

Configure HTML editor Minimal

The HTML Editor Standard takes up a large space for a text field. I need only the "Insert Special Character" for many text fields on a form in the event the text needs diacritical marks. Is it possible to configure the "HTML Editor Minimal' to add the ""Insert Special Character" or is it possible to just use "Insert Special Character" alone with nothing else?

Hallo,
This is exactly what I need. Did you ever find a soltion for this?
Thx, Willi

Javascript error with HTML Editor

HI,
I was wondering if anyone could help me with a javascript error which appears upon page load. It only appears in internet explorer,
This person appears to have solved the problem but does not explain where abouts they made the change required.
FCK Rich Text Editor aka HTML Editor Standard IE Error/Bug
This problem also appears on the apex demo of new features.
If anyone can respond with help, it would be greatly appreciated
Regards
Kev

Hello Kevin,
This is a difficult issue as the init code for the editor item is being generated internally by the APEX engine, and we don’t have any control over it. As I see it, a complete solution can only be provided by the APEX team.
Until then I’m using a workaround, based on the original init code. The FCK Editor takes a standard textarea and convert it into the editor item, based on its init parameters.
First I’m uploading the FCK JavaScript code, using the page HTML Header Text (If you are using the editor a lot, you can define a page template to do that for you). The code is:
<script type="text/javascript" src="/i/fck/fckeditor.js"></script>Now I’m using a regular textarea item as the base item for the editor. I’m using a regular onload event to init this item:
onload="initFCK('P80_MY_EDITOR');"The JavaScript function I’m using is similar to the following:
function initFCK(pItem) {
            var oFCKeditor        = new FCKeditor(pItem) ;
            oFCKeditor.BasePath   = "/i/fck/" ;
            oFCKeditor.Width      = '760';
            oFCKeditor.Height     = '105';
            oFCKeditor.ToolbarSet = 'Basic' ;
            oFCKeditor.Config[ "AutoDetectLanguage" ] = false;
            oFCKeditor.Config[ "DefaultLanguage" ]    = "en";
            oFCKeditor.ReplaceTextarea() ;
}Of course, the init parameters can be changed according to your specific needs.
This code works fine on IE and FF (didn’t check other clients).
Regards,
Arie.

HTML Editor Standard

Similar Messages

Maybe you are looking for