CKEditor 4
Tue, 08/17/2010 - 22:17
#1
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

[ Solved ] Can't Edit Toolbar

I must be going bonkers but I edit the config.js file for the tool bar and nothing changes is there someplace else this can be set ?

I searched the forum but everything points to the config.js file but nothing changes reload the page and still the - been at it for 2 hours now.

HELP
Top
Wed, 08/18/2010 - 08:11
souravmoysau
souravmoysau's picture
Joined: 13/08/2010
Posts: 17

Re: Can't Edit Toolbar

Hi
U have to mention the toolbar set name [u have mentioned in the config.js file] in the page where u have created the editor.
Top
Wed, 08/18/2010 - 11:55
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

Re: Can't Edit Toolbar

how do you do than ?
Top
Wed, 08/18/2010 - 12:11
souravmoysau
souravmoysau's picture
Joined: 13/08/2010
Posts: 17

Re: Can't Edit Toolbar

//code in Config.Js file to set up custop tool bar set
config.toolbar_TestTlBr= [
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
'/',
['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
] ;

//Code for editor creation with custom tool bar
CKEDITOR.replace( 'editor1',
{
toolbar : 'TestTlBr'
});


Hope this will help
Top
Wed, 08/18/2010 - 12:36
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

Re: Can't Edit Toolbar

Thanks for replying actually the solution was that I wasn't pointing to the custom toolbar I had created

Needed to add this on the page in which the editor was on after the text area field

<script type="text/javascript">
CKEDITOR.replace( 'about_us',
{
customConfig : 'fckeditor/config.js'
});
</script>

Works fine now

Thanks again
Top
Wed, 08/18/2010 - 20:32
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

Re: Can't Edit Toolbar

Can anyone tell me why this is not working

<textarea name="home_page" cols="50" rows="5"><?php echo $row_rsassoc['home_page']; ?></textarea><script type="text/javascript">
CKEDITOR.replace( 'home_page',
{
customConfig : '/custom/config.js'
});
</script>

Always calls up the default toolbars
Top
Wed, 08/18/2010 - 21:19
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

Custom Toolbar isn't being called

Here is my page 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>AFM Account Manager Home Page Edit</title>
<link rel="icon" 
      type="image/png" 
      href="http://associationfeemanager.com/assets/logosm32x32.png" />
<link href="../styles/afmadmin.css" rel="stylesheet" type="text/css" />
<link href="../../../p7pmm/p7PMMh03.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script type="text/javascript" src="/assoc/admin/fckeditor/ckeditor.js"></script>
<script type="text/javascript">
<!--

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<link href="p7pmm/p7PMMv07.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>

<div id="siteHeader">
   
        <div id="companyname"><?php include("../inc/headercompanyname.php"); ?></div>  
      <div id="slug"><?php include("../inc/headerslug.php"); ?></div>
     
</div>

<div id="mainmenu">
     <?php include("../inc/headeradmin.php"); ?></div>
<div id="contentContainer"><div id="content">
     <table width="100%" height="19" border="0" align="center" cellpadding="10" cellspacing="0">
          <tr>
               <td width="10%" valign="top"><?php include("adminsidemenu.php"); ?></td>
               <td width="60%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                         <td class="pagetext12"><strong>About Us  Edit </strong></td>
                    </tr>
               </table>
                    <table width="1%" align="center" cellpadding="0" cellspacing="0">
                         <tr>
                              <td valign="top" nowrap="nowrap"><form method="post" name="form1" action="<?php echo $editFormAction; ?>">
                                        <table align="center">
                                             <tr valign="baseline">
                                                  <td align="right" nowrap class="formlables">Jump to page: </td>
                                                  <td><?php include("pagejumpmenu.php"); ?></td>
                                                  <td align="right"><input type="submit" value="Update Page" /></td>
                                             </tr>
                                             <tr valign="baseline">
                                                  <td align="right" nowrap class="formlables">Show Home Page:</td>
                                                  <td colspan="2" valign="baseline"><input name="show_about_us" type="radio" id="show_about_us" value="1" checked="checked" <?php if (!(strcmp($row_rsassoc['show_about_us'],1))) {echo "CHECKED";} ?>>
                                                                      Yes<input type="radio" name="show_about_us" value="2" <?php if (!(strcmp($row_rsassoc['show_about_us'],2))) {echo "CHECKED";} ?>>
                                                                      No</td>
                                             </tr>
                                             <tr valign="baseline">
                                                  <td align="right" nowrap class="formlables">Menu Name:</td>
                                                  <td colspan="2"><input name="menu2" type="text" class="forrmfieldsNOTrequired" value="<?php echo $row_rsassoc['menu2']; ?>" size="32"></td>
                                             </tr>

                                             <tr valign="baseline">
                                                  <td colspan="3" align="right" nowrap><textarea name="about_us" cols="50" rows="5"><?php echo $row_rsassoc['about_us']; ?></textarea><script type="text/javascript">
   CKEDITOR.config.filebrowserBrowseUrl = 'fckeditor/ckfinder/ckfinder.html';
   CKEDITOR.config.filebrowserImageBrowseUrl = 'fckeditor/ckfinder/ckfinder.html?type=Images';
   CKEDITOR.config.filebrowserFlashBrowseUrl = 'fckeditor/ckfinder/ckfinder.html?type=Flash';
   CKEDITOR.config.filebrowserUploadUrl = 'fckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
   CKEDITOR.config.filebrowserImageUploadUrl = 'fckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
   CKEDITOR.config.filebrowserFlashUploadUrl = 'fckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
  
</script>

<script type="text/javascript">
CKEDITOR.replace( 'about_us',
{
customConfig : 'fckeditor/config.js'
});
</script>
</td>

                                                  </tr>
                                             <tr valign="baseline">
                                                  <td colspan="3" align="center" nowrap><input type="submit" value="Update Page"></td>
                                                  </tr>
                                        </table>
                                        <input type="hidden" name="MM_update" value="form1">
                                        <input type="hidden" name="assoc_id" value="<?php echo $row_rsassoc['assoc_id']; ?>">



CKEDITOR.editorConfig = function( config )
{
config.toolbar = 'assoc';

config.toolbar_assoc =
[
    ['Preview','Source','ShowBlocks','-','Save','NewPage','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
    ['Undo','Redo','SelectAll','RemoveFormat'],

    '/',
    ['Bold','Italic','Underline','Strike','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Unlink','Anchor','Link','Image','Table'],
    '/',
    ['Styles','Format','Font','FontSize''TextColor','BGColor'],
    ['Find','Replace','HorizontalRule','Smiley','SpecialChar','PageBreak']

];

CKEDITOR.config.colorButton_enableMore=true;
CKEDITOR.config.width ='300px';
CKEDITOR.config.height='500px';
/*CKEDITOR.config.skin = 'office2003';*/
/*CKEDITOR.config.skin = 'v2';*/
CKEDITOR.config.skin = 'kama';




Top
Wed, 08/18/2010 - 23:09
webhigh
webhigh's picture
Joined: 15/12/2009
Posts: 31

Re: [ Solved ] Can't Edit Toolbar

The issue turned out to be quite simple to resolve when I used the config.js for the first time and add the tools I neglected to remove the } here


CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'us';
// config.uiColor = '#AADC6E';

}


this } caused the tools not to load that had been placed below it and the default one to load instead once I removed it and placed it at the end of the file }; everything worked fine

config.toolbar_Full =
[
['Source','Save','NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
'/',
['Image','Link','Unlink','Anchor','-','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','SelectAll','RemoveFormat','Undo','Redo','-','Find','Replace'],

['Bold','Italic','Underline','Strike','-','Subscript','Superscript','NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['ShowBlocks']
];
};
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check