2013-09-16 2 views
0

contenteditable 특성을 사용하여 인라인 콘텐츠 편집기가 있습니다. 내가 원하는 것은 자동으로 생성 된 기본 도구 모음을 재정렬하는 것입니다. config.js에서CKEditor 인라인 자동 생성 도구 모음 재정렬

config.toolbar = [ 
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Templates' ] }, 
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] }, 
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }, 
'/', 
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], 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', 'Iframe' ] }, 
'/', 
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, 
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
{ name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] }, 
{ name: 'others', items: [ '-' ] }, 
]; 

: 일반적인 방법은 뭔가를 만드는 것입니다.

문제는 이미 자동 생성 된 도구 모음을 어디에서 찾을 수 있는지 알 수 없기 때문에 내가 원하는대로 변경할 수 있습니다. 따라서 툴바에 사용 된 이름이 무엇인지 알지 못하므로 원하는 방식으로 만들 수 없습니다.

사전에

감사합니다 (위에서 사용 된 코드는 내가 분명히 원하는 것을 .. 아니다)!

답변

0

Setting Configuration guide을 보았습니까? 당신이 버튼의 이름을 모르는 경우

// We need to turn off the automatic editor creation first. 
CKEDITOR.disableAutoInline = true; 

var editor = CKEDITOR.inline('editable', { 
    toolbar: [ ... ] 
}); 

: 당신은 하나 CKEDITOR.inline에서 직접 편집기 또는를 초기화하는 동안로드됩니다되는 config.js 파일에서 도구 모음으로 설정할 수 있지만 자동 편집자 생성을 중지해야이 방법을 사용하려면 이 질문을 확인하십시오 : What toolbar buttons are available in CKEditor 4?

참고 : 전체 도구 모음을 다시 정렬하는 대신 – Toolbar Customization guide에서 더 많은 내용을 읽을 수 있습니다.

+0

글쎄, 내가 위에 붙여 넣은 코드에서 알 수 있듯이 나는 이미 이런 것들을 알고있다. 그리고 이미 config.js를 사용하려고했습니다. 사실 이것이 툴바 또는 toolbarGroups를 재정렬하는 데 사용할 것입니다. 자동 생성 코드를 어딘가에서 찾을 수 있다면 무엇을 요구하고 있습니다. 사이트에서 다운로드 할 때 기본 모드로 남아있을 때 원래 도구 모음은 어디에 배치됩니까? (사용자 정의 다운로드 빌더에서) – Romanos

+0

내 대답 마지막 문장을 확인하십시오. – Reinmar

+0

도움을 주셔서 감사합니다.하지만 이해하지 못하는 것 같습니다. 나는이 물건을 안다. 내가 원하는 것은 당신이 인라인 에디터를 만들 때 자동으로 생성 된 코드가 어디에 위치 하는지를 배우는 것이다. 그래서 내가 원하는대로 설정을 바꿀 수 있습니다. 나는 내가 사용하거나 사용하지 않을 수있는 버튼을 추측하고 싶지 않습니다. 그것은 어딘가에서 자동 구축해야합니다. 그게 내가 찾고있는거야! – Romanos

관련 문제