Cannot Get The Value Of The Specific Ckeditor Instances
Oct 26, 2010
I have a cms page that uses multiple instances of ckeditor. In the previous version of this cms we used FCKeditor. The problem is that we cannot get the value of the specific ckeditor instances. The ckeditor documentation says that I can get the value of an instance like this: CKEDITOR.instances.editor1.getData() This assumes that my ckeditor instance is associated with a form field called "editor1". My question is, how do I modify the code so that "editor1" is a variable?
I am building a content editor with Ajax and am working on submitting content. I have a form built with a CKEditor element and I was wondering how to get that with Javascript to submit with my post.
I am new to Javascript and am working with Ajax. I am building a content manager for my site, and I have an instance of CKEditor. I was wondering what the javascript would be to get the value of the textarea. Normally with a textarea I use formname.elementname.value. When I use that with the CKEditor I get a null value.
I've been bashing my head in a vain attempt to achieve the desired result... i.e. having the ability to catch an event inside of an iframe, generated by CKEditor... all in all, I've tried numerous ways to reference the iframe itself, and I've managed to succeed... though catching an event still remains a dream. Google turned out to be less than helpful and well.. CKEditor's own event listeners really don't do a whole lot of good either (Not for me anyways). The code is being tested with the sample provided with the plug-in... for double-click on div to begin editing it. Here is the code I have at the moment:
I'm using the editor CKEditor [URL] for my forum that I developed. When I create a new topic in my forum is so good, now when I see the issue that the images you upload do not see and I look at Funt code looks like this:
The first time I open the page, everything is running. I press the edit button to edit the subject, and div is showing. I am using CKeditor and first time i can edit my post. Then when i press edit button again, doesnt show ckeditor's div and textarea. Only show status div. And It wrote "succesfully".
I will use screenshoots...This is for First time to click edit button...
And When i click submit button ...is writting "Loading" then "succesfully"on background..
And When i click edit button again.... Only writting "succesfully"..
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing the text updates ok, but no bold or italic. I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags. You'll have to do that yourself."
I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline! What's going on with that?!?) So I assume it is the framework? Can anyone tell me if this is right and if so, how do I go about doing that myself?
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing the text updates ok, but no bold or italic.
I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags.ou'll have to do that yourself."I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline! What's going on with that?!?)So I assume it is the framework? Can anyone tell me if this is right and if so, how do I go about doing that myself?heres the JS I'm using to update the div:
Code: <label for="editor1">Background Story</label> <textarea id="editor1" name="editor1">This is sample text
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.
My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing :( the text updates ok, but no bold or italic.
I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags. You'll have to do that yourself."
I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline!
heres the JS I'm using to update the div:
<label for="editor1">Background Story</label> <textarea id="editor1" name="editor1">This is sample text
Any body succeed in adding file browser option to standard CKEditor developed completely with JavaScript.I have followed the link [URL]. it is too complex to understand.If any succeed with this or adding file browser option to simple notepad app
I have problem with event listening in CKEditor. I searched these forums for answer, but I didnt found it. I need someting like "onkeypress" on textarea for CKEditor. If I think well, I can must use "DOM" of CKEditor, because it is not simple textarea - but I am lost here. I really dont know how to do it. I need simple draft saver - onkeypress will launch a function which will check if timer is on. If yes, return false. If no, use ajax to save content of textarea.
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.
I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.
Is there a single method using JS that works for all browsers?
function result(){ var result = document.getElementById('resss').innerHTML; }
But what I actually want is to import data from a table of an external website. E.g. I want to get the innerHTML of a specific cell in column 3 and row 2 of a specific site.
I am using this photo shuffler code, located here: [URL] How can that be modified to allow for 2 instances? Basically, it would have 2 sets of arrays. I want to have 2 slide shows on the same page. I've tried modifying it myself for a few hours, and no luck.
I'm struggling on a JS function to generate calendars. It works fine until I have more than one instance. Then, when I change the month in the first instance, it's the 2nd one which makes the change. I don't understand very well how I should build my function.
Can you tell me what I have to do in order to get the methods applied to the right instance? Here after is a brief extract from the way I built my function (I spare you the 500 lines).
function calendar(FieldId) { var me = this; me.SelectedDays = Array(); //etc
GoNextMonth = function(){ //blabla } me.NextMonthButton = document.createElement('div'); me.NextMonthButton.onclick=GoNextMonth(); } PS: I use the word 'instance' but my function is not a class, I call it using calendar('test'), not new calendar('test')).
I am using this script that gets messed up when you resize the window. I figured out that I could use this other script to do stuff just after the window gets resized. [code]...
There is this nice upload ajax script which I would like to use on my site, it's called "Fancy Upload". You can a see demo&code here:[URL]The demo shows only one upload form instance on the page. However I want to have three upload form instances so that the users can upload three pictures and see the thumbnails for each image they upload.The problem is, this javascript specifically sets the id's of the html fields in use. For instance, "demo-portrait" is the id of the image tag and it is also referred to within the javascript itself. So if I create another image field with an id "demo-portrait-2", the script wouldn't work for this second field.
I got a good book, and there are a lot of examples.
however, the author don't really explain how to use XMLHttpRequest in a real application, where the user will do several things at the same time.
my question is: for each request, you have to create a separate XMLHttpRequest, right?
because on the book they showed this code:
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }
else if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }
} // function createXMLHttpRequest and this is fine if on the page there is only one request, as they create a global var XMLHttpRequest.
However, I thought that it could happen that there are many requests at once (like if the user, while it's waiting for the first request to be completed, continues doing stuff, starting another request).
So, I changed it to this:
Code: function createXMLHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }
else if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }
return xmlHttp;
} // function createXMLHttpRequest and for each call I do:
Code: var xmlHttp1 = createXMLHttpRequest(); var xmlHttp2 = createXMLHttpRequest(); // etc...
I know there is a problem with IE (I wont bother inserting a witty comment here) on handling:
setAttribute('onclick','doStuff');
I have found
yourAnchor.onclick = function() { // do what you want in here. }
this works, but I the script I am working on is going through every DIV with a certain class and adding links to the div, I want the button to change something within the div where it is located so I need to pass the id of the parent div. I thought perhaps there was someway to find the id of the button pressed?
This link below is of a slideshow [URL]Is it possible to have multiple instances of it in a page. I wish to have 4 of them, one below the other. I have no knowledge in javascript but tried making some changes.
i've found this really nice fading ticker script by Alex Francois and i'ld like to use it as a bbcode on my forum. the only problem is that only the first instance of it works, so i think all i need to do edit the script so it uses a unique ID every time its run. how can i do this?
i have phone number on the page. Let's say 0208 123 45678 and i want to replace it with 0207 123 9999. Thing is, phone number is not in one type of tag, id or class.All i can tell you, it is somewhere throughout the body tag.
