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.

Similar Messages

  • 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

  • Use of javascript and textarea with HTML editor

    Hi all,
    I have been trying to use some onchange javascript in the HTML Form Element Attributes of an item which is a textarea with an HTML Editor. It just seems to ignore the code. When you "view source" the code does not seem to be there.
    What I am attempting to do is described in thread: detecting changes to items prior to submitting page
    i.e. to warn a user that if they leave the page without saving they will lose their changes. It works fine with most of the other items on the page i.e. text boxes, select lists but not the textarea with html editor.
    Is there somewhere else I should be putting my js for items of this type? I have spent some time looking through the forum posts but cannot find an answer so far.
    Thanks,
    Brian

    I'm having the same problem.
    Would like to use the onChange event in a textarea with html editor.
    This works in Firefox (where I don't get the html editor but only a textarea) but doesn't seem to work in IE.
    Is there another way of detecting the user has changed the text in the html editor?
    Thanks,
    Pieter

  • Custom Popup - Passing values back to Textarea with HTML Editor

    I have created a Custom Popup which is to populate a "Textarea with HTML Editor".
    I have found that the Custom Popup works fine if the target item is defined as a "Textarea", or "Textarea (auto-height)", or "Textarea w/Character Counter" (although the counter is not automatically updated), or "Textarea w/Character Counter & Spellcheck", or "Textarea with Spell Checker".
    However, if the target item is defined as "Textarea with HTML Editor" the Custom Popup does not populate the target item. No error message is produced. If the target item already had data, the data is unchanged.
    Is this a known bug?

    "Textarea with HTML Editor" is actually two objects on the screen with javascript keeping the data in the two objects in sync as you type in the editor.
    You have to populate both objects as you try to syncronize the data from your popup.
    I built a screen using dHTML that switches between the HTML Editor and the Text with Spell check and use Javascript to keep the two (actually three objects in sync)
    My button that switches from one view to the other uses the following syntax:
    javascript:setEqual('P9904_HTML_MESSAGE','P9904_MESSAGE','P9904_MESSAGEDiv');
    'P9904_HTML_MESSAGE' is the HTML view of the data with spell check
    'P9904_MESSAGE' is the html editor view of the data
    'P9904_MESSAGEDiv' is the extra object that Oracle uses for the editor
    This is the fuction that keeps the data in sync:
    function setEqual(fromObjectID,toObjectID,htmlObjectID)
    document.getElementById(toObjectID).value = document.getElementById(fromObjectID).value;
    document.getElementById(htmlObjectID).innerHTML=document.getElementById(fromObjectID).value;
    I hope this helps.
    Michael Snyder

  • 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!

  • APEX - Spelling check and textarea with html editor

    I have an item on the form defines as textarea with html editor. I also need to be able to do spelling check, but the "textarea html editor" only has font features and no spelling check. Is there away to define an item to have both spelling check and font features in APEX? Any response is greately appreciated.
    Thank you,
    MT

    MT,
    No, this is not a supported region type in APEX 3.2.
    You can take a look at jQuery and the number of rich text editors available for it: http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
    Hope this helps.
    Thanks,
    - Scott -
    http://spendolini.blogspot.com
    http://www.sumneva.com

  • Textare with character counter versus textarea with html editor

    Hi
    I am using a textarea with html editor. I need to restrict the user to not type more than 25000 characters? Can someone tell me as to how I can do that?
    I know that one can set the maximum width for textarea with character counter and it prevents one from typing in more than the maximun specified, but I really need to use the html editor. Thanks.
    suni

    This is caused by the charCount javascript function, which dynamically sets the text colour to 'red' when the maximum number of characters is entered, but "resets" it to 'black'.
    Guess the way to avoid this is to create your own equivalent of the charCount function that captures the actual colour from the DOM and attach it to a textarea using the onchange and onkeyup attributes used in the built-in one.

  • Textarea with HTML editor is not working

    Hi all,
    This is producing me a real headache.
    I created the simplest application in the world with one Textarea with HTML editor, and the editor control does not show the usual tool bar for fonts, color, alignment, etc. Just a ordinary textarea.
    Moreover, this was working before... I moved to another location in my work (me, not the server). Yes, I thought about the Internet Explorer, but Firefox has the same issue.
    So any idea I can try to make this work?
    I have another applications already in production with the same issue.
    Need help!!!!!!!!!
    Thanks in advance.
    Lukas.
    Application Express 2.1.0.00.39
    Oracle Database 10g Express Edition Release 10.2.0.1.0
    Internet Explorer 7.0.5730.11
    Firefox 1.5.0.11
    Windows XP Service Pack 2
    1 G Ram
    Pentium D CPU 2.80GHz

    Lukas,
    I would go and integrate FCKEDITOR (http://www.fckeditor.net/ ) into your application.
    Here are instructions on how to achieve this (sorry but only in German):
    http://www.oracle.com/global/de/community/tipps/einbinden_fckeditor/index.html
    It basically means:
    1) copying the files from fckeditor under the /images directory
    (you can use the instructions here: http://daust.blogspot.com/2006/03/where-are-images-of-application.html)
    2) creating two shortcuts INCLUDE_EDITOR_SCRIPTS and EDITOR
    3) placing the shortcut INCLUDE_EDITOR_SCRIPTS into the page html header and
    4) placing the shortcut EDITOR into the post element text of your plain textarea element
    That's it.
    BTW, FCKEDITOR has been included in Apex 3.0 as a standard item type.
    Regards,
    ~Dietmar.

  • 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

  • Cs6 dreamweaver - javascript error with Clean up Word HTML . . .

    Very recently upgraded to CS6 from CS5.5. Every now and then, I have to run the Clean up Word HTML Commands function for a client. Never had a problem before. This time, I got this message:
    While executing onClick in Clean Up Word HTML.htm, the following JavaScript error(s) occurred:
    At line 2012 of the "Macintosh HD:Applications:Adobe Dreamweaver CS6:Configuration:commans:Clean Up Word HTML.js"
    The object is not currently contained in a document.
    I searched through the Discussions and found refernce to deleting MacFileCache-###.dat file in the Library Configuration folder for Dreamweaver CS 6. Did that, same thing. It also mentioned deleted the entire Configuration folder. Same result.
    I called tech support and was directed to go through the (count 'em) 14 steps on the Troubleshoot JavaScript page -- http://helpx.adobe.com/dreamweaver/kb/troubleshoot-javascript-errors-dreamweaver-cs4.html. Still no luck.
    Anyone else out there having this problem? What am I missing? Help!
    Thanks, Tim

    Hi SnakEyes02,
    That could be. Let me know when you have grabbed these. They were Word docs that I saved the same way I always have done (Save As, Format: Web Page (.htm)), creating .htm files that work in CS5.5 Dreamweaver and earlier versions.
    http://test.babysneaks.com/WordHTML1.htm
    http://test.babysneaks.com/WordHTML2.htm
    Thanks for your help. Tim

  • Fix for Dreamweaver CC 2014.1 JavaScript Error With All ASPX Files

    Entire morning wasted.
    Adobe's upgrade to Dreamweaver 2014 to 2014.1 on Windows 7 Professional has broken the product across the board and it no longer opens any .aspx pages correctly.  A large number of people use .NET and now we can no longer access/use these files/pages without multiple JavaScript errors.  Particularly those that have edited the MMDocumentTypes file to make the product work in the first place since they stopped supporting the users that develop in ASP.NET.
    Every time a .aspx file is now opened, the following JavaScript error is received: "While executing translateCustomControl in ExternalRenderers.html, a JavaScript error occurred.  Click 'close' and it appears again...over and over.  Our sites are all unable to open in DW because of this.  It worked fine in earlier versions of DW, including 2014.  It's only 2014.1 that broke everything.
    The fix for this:
    1. Follow instructions on this out-of-date help file: Change, add recognized file extensions | Dreamweaver
    2. (and the part that's new): The MMDocumentTypes file is located in  C:\Users\*your username*\AppData\Roaming\Adobe\Dreamweaver CC\Configuration\DocumentTypes directory. Open that file and add aspx back to the <documenttype id="HTML"> declaration at the top.
    I am posting this issue here in hopes that some of the users won't waste most of the day trying to figure this out.
    Chris Lee

    Hi Ivan,
    I'm having that exact same problem now...in addition to that JavaScript error message coming back.  I submitted a bug report last week about this and received the following reply:
    Hi Chris,
    We would like to let you know that we able to reproduce this issue at our end. Thanks for reporting this.
    We will try to prioritize it for fixing. This might take some time. We thank you for your patience with us in this regard.
    Please let us know if you need help regarding anything else. We will be more than happy to help you.
    Thanks,
    Arindam Ghosh
    Dreamweaver Team,
    Adobe Systems
    Hopefully they can get this fixed soon, as it's ground my work in the software to a halt.
    Chris

  • Javascript error with f:subview and jsp:include

    Hi,
    I have tried to include one jsp page with jsf components into another jsp page with jsf components. But somehow I get a Javascript error.
    I have of course included the jsp:include into an f:subview like this:
    <f:subview id="tree" rendered="#{tabsBacker.treeRendered}">
    <jsp:include page="mission.jsp" />
    </f:subview>In mission.jsp, all non-jsf tags are surrounded by f:verbatim tags (otherwise, JBoss would complain anyway).
    The Javascript error says: "elements.form1:_link_hidden_ is null".
    "form1" is the name of the form in my jsp page which includes the other one.
    As soon as I remove the jsp:include thing, everything works fine. The include happens in a t:panelTabbedPane, and (probably as a result of the javascript error), the tab where the included page should be shown, can't be displayed. I can click on the tab, the page is reloaded, but nothing else happens.
    The error occurs in IE and in Firefox.
    Can anyone help me to solve this problem??
    Kind regards,
    Wiebke

    It's just a jsp fragment file. Here's the start of the jspf included above:
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://www.ibm.com/jsf/html_extended" prefix="hx" %>
    <f:subview id="browseForm">
    <table class="box" width="100%">
         <tr>
              <td><h:outputText value="#{labels.someValue}" styleClass="smalltitle"/></td>
         </tr>And so on. This was just done to stop the jsp files becoming too long, I think. So the subview tag is included in the jspf file rather than around the jsp file as you have it.
    Illu

  • UIX Javascript Error with Date Picker

    Hi all,
    I am using JDeveloper 10.1.2.1.0 with JHeadstart 10.1.2.2.32 to create UIX pages. I have a page with a filter by search field. If I select the date picker on this page in IE version 6 or 7, I get the following javascript error:
    Error: 'length' is null or not an object
    I have found this in the Common2_2_20.js, which is part of the jslibs
    function _accumulateNumber(
    a0,
    a1
    var a2=a0.currIndex;
    var a3=a2;
    var a4=a0.parseString;
    ***var a5=a4.length;***
    if(a5>a3+a1)
    a5=a3+a1;
    var a6=0;
    while(a3<a5)
    var a7=parseDigit(a4.charAt(a3));
    if(!isNaN(a7))
    a6*=10;
    a6+=a7;
    a3++;
    else
    break;
    if(a2!=a3)
    a0.currIndex=a3;
    return a6;
    else
    return(void 0);
    }With Firefox 1.5.0.4, I can get the date selector window to open, but when I select a date value, I get this javascript error:
    a0.select() is not a function
    I have found this in the Common2_2_20.js also. Here is the code where the error is occuring.
    function _dfsv(
    a0,
    a1
    if((a0==(void 0))||(a1==(void 0)))
    return;
    a1+=_getTimePortion(a0);
    var a2=new Date(a1);
    var a3=_getDateFieldFormat(a0);
    var a4=a0.value;
    var a1=a3.format(a2);
    if(a0.value!=a1)
    if(a0.onchange!=(void 0))
    if(_agent.isIE)
    a0.onpropertychange=function()
    var a5=window.event;
    if(a5.propertyName=='value')
    a0.onpropertychange=function(){};
    a0.onchange(a5);
    a0.value=a1;
    else
    a0.value=a1;
    var a5=new Object();
    a5.type='change';
    a5.target=a0;
    a0.onchange(a5);
    else
    a0.value=a1;
    ***a0.select();****
    a0.focus();
    }I am able to use the date picker on other pages and even different parts of this page. The date search field is of type dateField.and is part of a switcher. Does anyone have any ideas as to why this is occuring or how I can work around it? Thanks in advance. I really appreciate all of your help.
    Susan

    Thanks for the reply. As a matter of fact, in my case the error happens in a UIX page generated by JHeadstart. I did some JavaScript debugging using the FireBug Firefox entension and I found that it is some JHeadstart JavaScript that causes this problem.
    The JHeadstart JavaScript passes on an array of input elements to the AFD JavaScript function and the problem arises when the select() method is called on the array, rather than an input element in the array.
    I will try to solve my issue by modifying the JHeadstart JavaScript code. Please see the JHeadstart forum somewhere in the near future for my post(s) about this :-)
    Thanks, Wouter

  • Printing the data in "Textarea with HTML editor" item in APEX as pdf

    Hello,
    I have a requirement which goes like this.
    The user enters data in the HTML editor in APEX. All the tools available in the HTML toolbar will be used (eg. bulleted points, tables etc.). This data is stored in a single cell in the database. This data needs to be generated as a pdf for printing. We have Apache FOP installed as well.
    When I try to create a report region with this data and export it as pdf, the html tags are not considered. For eg. the table in the HTML editor doesn't appear as a table in the pdf, only the text appears.
    Let me know if such a transformation is possible. Also, can any other tool perform this??
    Note: The data in the HTML editor may not be in a fixed template. Whatever is entered there has to be converted.
    Thanks in advance !!

    The strip HTML attribute is set to "No" already. If you understood clearly, I need to convert the entire data in a HTML editor item to pdf. The data is stored in a single cell as HTML tags in the database. The data may inturn contain HTML tables as well. These HTML tables are not captured in the pdf, only the text within the tables are displayed.

  • Problem with HTML Editor box in XML Form

    Hi all,
    I am using a HTML editor box in one of the XML form template. When I parse the data from HTML editor and apply my own style sheet and display in JSP page, it has no effect on it. Instead the style set by HTML editor box is being applied. Is there any way to override the style applied by HTML editor ?
    For example,
    Suppose  user enters "Hello" in HTML Editor box and saves the xml form.
    Then when I parse this data and apply my style sheet like
    <style="font-family:arial; font-size:12"><%= datafromXMLform() %>
    I should get "Hello" in arial font with size 12, instead I am getting size=1 because of style applied by html editor.
    Is there anyway to remove/override this style?
    Thanks in advance,
    Sandesh
    Edited by: sandesh kumbhar on Oct 27, 2008 4:12 PM

    Got it !!!
    In the property section of html editor in form builder , set the style as none/empty instead of standard.
    Sandesh

Maybe you are looking for