ckeditorのツールバーをカスタマイズするには

Question

私はckeditorを使用しており、ツールバーとテキストの入力領域を2つの文の間のギャップとして多くカスタマイズしたいと考えています。 私は両方

Answer 1

Sonalの答えは、それ自体は間違っていないが、doesnの」上にカスタマイズする方法..

私は変更を行う必要がありますtoolbar.jsまたはconfig.jsのを見つけることができませんCKEDITORを参照してください。FCKeditorは優れた製品でしたが、現在は新しいCKEditorに置き換えられているため、これらの設定を使用すると実際には機能しない可能性があります。

あなたはドキュメントhereで読むことができると、あなたはCKEditorバージョンのルートフォルダにあるconfig.jsファイルを、編集してカスタム設定オプションを渡すことができますが（新鮮installation..ifにあなたはそれに応じて行動する移動）

あなたは自分の API DOCSで利用可能な構成のリスト全体を見ることができ

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

：

ファイルはすでにこれらの行が含まれています。あなたの問題に来て、あなたは（toolbar§を確認してください）。このようなあなたのツールバーにはしたくないあなたが/欲しいものを設定することができます。あなたの場合はハイにされてライン用として

// This is actually the default value. 
config.toolbar_Full = 
[ 
    { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] }, 
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, 
    { name: 'editing',  items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }, 
    { name: 'forms',  items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] }, 
    '/', 
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }, 
    { name: 'links',  items : [ 'Link','Unlink','Anchor' ] }, 
    { name: 'insert',  items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] }, 
    '/', 
    { name: 'styles',  items : [ 'Styles','Format','Font','FontSize' ] }, 
    { name: 'colors',  items : [ 'TextColor','BGColor' ] }, 
    { name: 'tools',  items : [ 'Maximize', 'ShowBlocks','-','About' ] } 
]; 

を、私は知りませんレンダリングモードで変更したい場合や、改行時のデフォルトの動作を<p>タグに変更したい場合に使用します。後者の場合 、あなたがしたい場合、あなたはまた、使用することによって、実行時にカスタムコンフィグを渡すことができ、詳細な説明here (EnterMode §)

を見つけることができます

config.enterMode = CKEDITOR.ENTER_BR; 

を使用します。

CKEDITOR.replace('#textarea_id', { customConfig : '/myconfig.js' }); 

かこれは（あなたのカスタムをデフォルトのもののフォールバックに置き換える）

CKEDITOR.replace('#textarea_id', { customConfig : '' }); 

//docs.cksource：

Answer 2

<script type="text/javascript"> 
    $(document).ready(function(){ 
     CKEDITOR.replace(
      'textarea_name', 
      { 
       toolbar: [ 
        ['Image','Flash'] 
       ], 
      }, 
      {height: 550},{width:500} 
     ); 
    }); 
</script>