Solved

two ckeditors textarea on the same page with two different widths

Posted on 2013-05-21
2
334 Views
Last Modified: 2013-05-23
using php, ckeditor

is there a way to have two ckeditors textarea on the same page with two different widths

textarea1 width="500px"
textarea2 width="200px"
0
Comment
Question by:rgb192
2 Comments
 
LVL 15

Accepted Solution

by:
Jagadishwor Dulal earned 500 total points
ID: 39186515
You have a good solution only the buttons seems some boring. Ckeditor provide you 100% width that's why you can wrap textarea1 to a div and textarea2 to another div like:

.small{
	width:200px;
}
.big{
	width:500px;
}

Open in new window

Now wrap the text area in div like:

 <div class="small">
			<textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
            </div>
<div class="big">
            <textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10"></textarea>
</div>

Open in new window

0
 

Author Closing Comment

by:rgb192
ID: 39191180
ckeditor fills the div

thanks
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now