Updating Div With Text From Ckeditor - Getting Styles To Work?

Oct 27, 2011

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

View 1 Replies


ADVERTISEMENT

Updating Div With Text From Ckeditor / Getting Styles To Work

Oct 27, 2011

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?

View 1 Replies View Related

Updating Div With Text From Ckeditor - Getting Styles To Work

Oct 27, 2011

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

View 1 Replies View Related

Have Text Onclick Change 2 Styles?

May 2, 2010

I would like to have a text link do 2 things:

1. Change #box1.style1 to class="style2" (from style1)

2. Change #box2.style2 to class="style1" (from style2)

So the text link would not change its own style, but change the class of 2 different divs

View 6 Replies View Related

How To Have Text Onclick Change 2 Styles

May 2, 2010

I would like to have a text link do 2 things:

1. Change #box1.style1 to class="style2" (from style1)

2. Change #box2.style2 to class="style1" (from style2)

So the text link would not change its own style, but change the class of 2 different divs

View 1 Replies View Related

CSS Styles In A Rich-Text Editor

Aug 11, 2003

I'm making an RTE and have come to the point where I'd like to integrate CSS support - that is, give the editing widgets (and, concurrently, the user of the editor) access to CSS styles, so you aren't just stuck with <strong>, <em>, and inline style attributes.

SO, what I need to know from you, as developers, is the preferred way of getting the styles to the script. I'm going to explain the options in detail here, and just give cursory labels for the pollAdd classNames to be used into a configuration file of the editor. Only classes specified here will be made available for editing.Use a dedicated stylesheet just for the editor, in which all rules need to be used. This would be attached to the IFRAME's document, and could be @import-ed into the regular page so the same stylesheet can be used for editing and rendering.Search all current stylesheets for rules that are a descendant of the editor's ID.Specify styles in the config to be added inline on the HTML.Other (specify)A combination/choice of any of the above.Please give some serious thought to this before responding - I want this to be something that works with the current zeitgeist of web development. Think about what the conditions under which you'd use this, and what would be best/easiest for those conditions.

View 5 Replies View Related

Can CSS Styles Be Applied To Form Input Text

May 20, 2011

I downloaded this simple form which uses JS to limit the number of characters entered into the text input field by counting down from the maximum allowable number of characters (55) down to 0 as characters are being entered. I want to change the number being displayed from the default black to red. How can this be achieved?

<form name="mymind" style= "position:relative;left:40px;" action="insert_status.php" method="post">
<input name="limitedtextfield" type="text" onkeydown="limitText(this.form.limitedtextfield,this.form.countdown,55);"

[Code]......

View 1 Replies View Related

JQuery :: Updating Textarea With Text From Div?

Nov 19, 2010

I'm having a problem. What I'm basically trying to accomplish is a quote function on a forum. When I click the quote button, I want the text for that specific forum post to end up in the textarea field.

<textarea cols='1' rows='1' title='Reply to this post' id='entryField' name='entryField' style="width: 100%;" class='expand20-200'>

View 2 Replies View Related

Updating Text Not In A Form Field?

Jan 25, 2011

I am very green in Javascript but I am working on it, I was wondering if this is even possible:

I have a bit of information as just text on a page, what I would like to do is to have the text change according to which form button they select. The trick is that the text information is not in a form, its just in a table.

example:

Here would be blah blah blah

()<-bad impression of a button

once I select that button, the information above it would change to something different.

View 3 Replies View Related

Updating User Submitted Text?

Sep 16, 2011

What am I doing wrong here? I am trying to make it where the user can name the link whatever he/she wants.... I think it might be this part... links[i] = name.linkPosition.value; Where linkPosition is a variable.

<div id="navBar">
<ul>
<li><a href="#" id="link0"><script>document.write(links[0]);</script></a></li>[code]...

Now the links are updating but I get NaN for each link.

View 2 Replies View Related

Updating A Text Field And Drop Down At Same Time?

Jul 17, 2009

I have a DB query that returns CustomerID, CustomerName, CustomerContact, CustomerSalesID. This Query populates a dropdown.

I need to have the Customer Contact applied to a text field and the customer Sales ID used to select the SalesRep from a different drop down when you select a customer.

Not too hard I'd think. I don't think I need to go as fancy as AJAX since I've already called the query when the page loads, that data is already there.

View 9 Replies View Related

Updating A Text Field Back In To The Database?

Feb 28, 2011

What I have right now:Endless loop of Rows/records.Each one has a checkbox and a submit button.� I tried to make the checkbox pick up updating `long_desc`� The submit button currently just marks the job completed in the DB. (0=Incompleted 1=Completed)Submit button works with updating the row, right now... but instead of the submit button doing that, I want to have 2 checkboxes. One that knows to update the text field, and one that knows to update the status of the job, submit button to initialize it.I have some Javascript in already to separate the forms I have, and assign ID's to each Submit button on the page, but I really am stuck right now.

View 1 Replies View Related

Updating Text Box When Drop Down Selection Is Made

Jan 20, 2011

Basically I'm making an order form that updates the Total Text Box at the bottom of the page depending upon which selection is made from the drop down box in the form,

View 3 Replies View Related

Updating Related Text Field Using OnChange Event

Jul 23, 2005

I have a requirement in which, I need to capture a loan amount and the amount of down payment for that loan. According to the requirement, the user is going to enter enter the loan amount and then will enter the down payment in either percentage of the loan amount or an actual amount. I have designed a form to capture this information with three text fields, one each for loan amount, down payment in % and down payment in $.

So the user has the option of entering downpayment in $ or in %. If the user enter the down payment in $ then my code has to calculate the equivalent % value and populate the corresponding text field and vice versa. My question here is, what would be the best way to handle this
situation.

Shall i just use the OnChange event of the text field to handle this scenario? If I do that wont I be running into a loop?

View 3 Replies View Related

Dynamic Forms And Updating On Reload, Inserting Functions, Jumping Text?

Jan 12, 2010

I'm trying to create a dynamic form, and for the most part it's working out fine.I'm using javascript with onclick and onchange on checkboxes and select boxes to change the form as the user makes selections.However, there's a few issues I'm running into that are giving me problems.

One is that when the user reloads the page, all of the javascript inserted or removed form elements are reset, but the choices on the checkboxes and select boxes aren't, which looks very strange to the user. How can I avoid this? I'm currently including scripts tags in the body of the html, but this is pretty messy and hard to manage. Is there a better way? Second is that I'd like to be able to insert javascript function declarations into text that is dynamically inserted by javascript.However, when I do so, the browser does not recognize the functions. The reason I'd like to do so is that I am using Ruby on Rails, and would like to be able to keep the scripts in the partials to which they relate. I have to use inline javascript, because the scripts are having element ids inserted based on Ruby variables. Is this a lost cause, or is there a technique that enables dynamically inserted javascript to be loaded?

Lastly, my dynamic form's javascript shows or hides portions based on what it encounters while loading. The main reason is that I want to show the whole form for users without javascript, and then hide advanced or obscure details unless they are activated with a checkbox on the form for users with javascript. However, this is creating a jarring pop-in effect, where on first load, the pre-javascript formatted page is shown for a split second, and then the javascript kicks in and fixes everything and the page visibly jumps and changes. Is there a way to avoid this to create a more polished effect?

View 3 Replies View Related

Getting The Value Of A CKEditor?

Jan 7, 2010

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.

View 3 Replies View Related

Getting The Value Of A CKEditor Instance - Get Null

Jan 8, 2010

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.

View 1 Replies View Related

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?

View 2 Replies View Related

Onkeywhatever In CKEditor - Reference The Iframe Itself

Apr 2, 2009

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:

iframes = document.getElementsByTagName("iframe");
iframes[0].contentWindow.document.body.onkeypress = function () {
alert('Event caught!');
}

Obviously, the alert is there for testing purposes, but so far I've been unable to get it to fire.

View 2 Replies View Related

Access To Events Save CkEditor?

Nov 12, 2011

i in my project use of CKeditori need Access to event save itnamely i want user on click on button save i do a action

View 2 Replies View Related

Free CKEditor + CKFinder Alternative?

Feb 6, 2010

Does anyone of you knows a good free CKEditor + CKFinder alternative?

View 2 Replies View Related

Editor CKEditor - Don't See Images Upload

Mar 30, 2011

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:

<img alt="" src="http://tecnolatino.com/wp-content/uploads/2010/08/comprar-una-c%C3%A1mara-digital.jpg" style="width: 547px; height: 320px;" />

View 3 Replies View Related

JQuery :: Doesnt Show Ckeditor's Div And Textarea

Aug 11, 2011

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

My codes...

Submit Click Event

Ajax codes:

View 1 Replies View Related

Adding File Browser Option To Standard CKEditor

Jun 17, 2010

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

View 1 Replies View Related

Event Listening In CKEditor - Draft Saver - Onkeypress Will Launch A Function Which Will Check If Timer Is On

Nov 27, 2009

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.

View 2 Replies View Related

Print Styles

Jul 23, 2005

I need to create a Javascript and when the output is printed, I need to
control the margins of the printed page very strictly, can Internet
Explorers version of CSS do this? Or is there another solution?

View 6 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved