Hi all,
I have been sitting for hours learning how to use ckeditor to replace textarea in my form to edit my site. I have managed to make it work and configure the basic editor, but I can't for the life of me make the Enter key do a line break evn after copying the conde form the sample page. Below is my page source. Where am I going wrong? Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Edit Homepage</title> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <script type="text/javascript" src="ckeditor/ckeditor_basic.js"></script> <script src="ckeditor/sample.js" type="text/javascript"></script> <script type="text/javascript"> CKEDITOR.replace( 'homepagebody' ); </script> <script type="text/javascript"> //<![CDATA[ var editor; function changeEnter() { // If we already have an editor, let's destroy it first. if ( editor ) editor.destroy( true ); // Create the editor again, with the appropriate settings. editor = CKEDITOR.replace( 'homepagbody', { enterMode : Number( document.getElementById( 'xEnter' ).value ), shiftEnterMode : Number( document.getElementById( 'xShiftEnter' ).value ) }); } window.onload = changeEnter; //]]> </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="loginmodule.css" rel="stylesheet" type="text/css" /> </head> <?php include('header.php');?> <tr> <td> <div style="float: left; margin-right: 20px"> When ENTER is pressed:<br /> <select id="xEnter" onchange="changeEnter();"> <option selected="selected" value="1">Create new <P> (recommended)</option> <option value="3">Create new <DIV></option> <option value="2">Break the line with a <BR></option> </select> </div> <div style="float: left"> When SHIFT + ENTER is pressed:<br /> <select id="xShiftEnter" onchange="changeEnter();"> <option value="1">Create new <P></option> <option value="3">Create new <DIV></option> <option selected="selected" value="2">Break the line with a <BR> (recommended)</option> </select> </div> </td> </tr> <tr> <td align="center" valign="top"> <form name="edithomepage" id="edithomepage" method="post" action="edit-homepage.php"> <textarea name="homepagebody" id="homepagebody" cols="105" rows="30"><?php echo $homepageBody; ?> </textarea> <br /> <br /> <input type="submit" name="submit" value="submit" /></form> <script type="text/javascript"> window.onload = function() { CKEDITOR.replace( 'homepagebody', { toolbar : 'Basic' }); }; </script> </td> </tr> <tr> <td height="40" align="center" valign="middle"></td> </tr> </table> </body> </html>
Re: Using the Enter key to make <br />
with
That will do it
Re: Using the Enter key to make <br />
So you're on a good way. You just need to set up ckeditor config file wich is called config.js. You'll find it in the root folder of the editor.
The code will look like this:
For me worked corect.
Re: Using the Enter key to make <br />