Tips on enhancing the size of FCKEditor's text area?

I am trying to adjust the height of the FCK Text Editor, but encountering some difficulties. Below is the code snippet I am currently using:

<tr>
  <td  colspan="2" align="left" valign="middle">
      <textarea name="text" id="text" >
         <?php echo $curnote;?>
      </textarea>
 </td>
</tr>

<script type="text/javascript"> 
CKEDITOR.replace( 'text', { width:'90%' } );
</script>

When attempting to specify both width and height by adding { width:'90%', height:'90%' }, it does not seem to work as expected.

Any suggestions on how I can resolve this issue would be greatly appreciated. Thank you!

Answer №1

To make changes in the config.js file, include the code provided below.

CKEDITOR.editorConfig = function( configuration )
 {
      configuration.height = '500px'; // adjust the height according to your preference
};

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to implement a feature in Angular and Bootstrap where the toggle menu can be closed by clicking anywhere on the page, rather than just the toggle button

I'm working on an Angular project where I've implemented a navbar component. The navbar is responsive and includes a toggle button that appears when the browser window is resized. This button allows users to hide or display the menus. One issue ...

Creating interconnected select boxes based on JSON data to display parent-child relationships in a cascading manner

A dynamic creation of chained select-boxes has been implemented based on JSON data fetched from the server. In this cascading process, each select-box is an object with specific properties: Parent Attribute: The name of the parent object for the current ...

What is the best way to implement an 'onKeyPress' event listener for a <canvas> element in a React application?

I've been working with React for a while now and I understand how its event system functions. However, I've run into an issue where the onKeyPress event doesn't seem to be triggering on a <canvas> element. Surprisingly, it's not w ...

A step-by-step guide on troubleshooting and resolving issues with "ng build"

Need help resolving the ng build project issue in Angular without modifying angular.json. Encountered the following error: Your global Angular CLI version (8.3.16) is higher than your local version (8.1.3). The local Angular CLI version will be used. To ...

Troubleshooting overlap problem between Skrollr and SlickNav

I successfully implemented Skrollr to fix images, similar to this example: Additionally, I am utilizing Slicknav for the menu functionality. However, I encountered an issue where the menu opens behind the fixed "parallax" image. Despite trying various ap ...

Identify all unticked checkboxes using jQuery

Looking for help with checkboxes: <input type="checkbox" name="answer" id="id_1' value="1" /> <input type="checkbox" name="answer" id="id_2' value="2" /> ... <in ...

Deleting data from Firebase in Angular can be easily done using the AngularFire library. By

I am attempting to remove specific values from my Firebase database. I need to delete this entry from Firebase: https://i.stack.imgur.com/CAUHX.png So far, I have tried using a button to trigger the delete function like this: <div class="single-bfunc ...

The reply from the Servlet webpage is displayed on a fresh page

I am currently using Ajax and jQuery to handle the dynamic form submission process. While everything is functioning correctly, I am encountering an issue where the response from the Servlet is being displayed on a separate page. function initiateFormSubm ...

Adding a transition effect to a div in CSS when switching from col-12 to col-9

I am facing an issue with the CSS provided below. It seems to only work when I close my div with the class "onclick-div". However, the transition effect is not visible when I click on the button to reduce the width of the div with the class "set-transiti ...

function name cannot be invoked correctly in JavaScript

I am facing an issue with calling my javascript function correctly when I click on it (show_more_in_month_0/1/2). Below is my current code: $i = 0; foreach ($data as $row){ echo '<td><span class="glyphicon-plus show_more_in_mont_'. ...

Utilizing Axios to Send Form Data in ReactJS

I encountered an issue with the post method using Axios. When I submit it, an error is displayed: Uncaught (in promise) Error: Network Error at createError (createError.js:16) at XMLHttpRequest.handleError (xhr.js:87) Oddly enough, if I use ...

AngularJS Bootstrap Select Generates Additional Dropdowns

Currently, I am utilizing the bootstrap datepicker from , and it functions perfectly when accessed via a desktop browser. Additionally, my project incorporates AngularJS. The snippet of code in question is as follows: <div class="form-group" ng-repeat ...

Can you explain the purpose of the GenericType parameter in a TypeScript promise declaration for me?

I am curious about whether the generic type in Typescript's Promise<GenericType> definition indicates the type of the object passed to the then handler. As an example, consider the following code: const pr:Promise<Array<Number>> ...

Troubleshooting: EJ Syncfusion React Scheduler Issues

I have recently implemented a syncfusion calendar for managing appointments in my ReactJs project, following the code examples from this link . After editing the JS and CSS codes (available at ), I encountered an issue with the CSS not displaying correctl ...

encountering an issue while working with Selenium on Google Colab

I'm attempting to perform web scraping with selenium in Google Colab and running into some errors https://i.sstatic.net/egDf7.png The webpage is prompting me to enable JavaScript and disable any ad blockers. I tried enabling JavaScript by adding the ...

The error message "reload is not defined" indicates that the function reload

Initially, I encountered the error TypeError: require(...) is not a function, prompting me to add a semicolon at the end of require("./handlers/slashcommands"). However, this led to a new issue: ReferenceError: reload is not defined. This occurre ...

What are the Javascript Keycodes for the letter 'a' - is it 65 or

I am currently working with JavaScript on my MacBook Pro running OSX 10.11.x, using the Chrome browser. The function I am using is: window.onkeypress = function(e) { var key = e.keyCode ? e.keyCode : e.which; console.log("keypressed = " + key); } ...

Concealing Redundant Users in Entity Framework

I am faced with the task of sorting through a database containing over 4000 objects, many of which are duplicates. My goal is to create a new view that displays only one instance of each element based on the first and last name. I have already implemented ...

Exploring a GitHub image repository with HTML loops

I need assistance with incorporating a gallery into my GitHub pages website. Within my username.github.io directory, I have an assets/images folder containing various images that I want to display by looping through them. After searching for a solution, I ...

What steps can I take to prevent receiving a 400 (Bad Request) error when using ajax PUT

Having an issue with sending data using JavaScript and AJAX. The objective is to send the data via PUT method to the server. var payload = 'id=' + id + '&brand=' + brand + '&model=' + model + '&country=' ...