Publicado em 13 de jun.

Quebra de página CKEditor

#php

Olá

Estava precisando de uma solução em editor web que mostre as quebras de páginas, assim como o Word.

Explicando:

Desenvolvi um sistema de memorandos/ofícios e os mesmos seguem um padrão ABNT. Para isso o usuário precisa vizualizar

as quebras de páginas.

O botão quebra de página do CKEditor não funcionou..

Abraços e desde já agradeço!

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Vinicius Rangel· 13 de jun.

Cara poste seu código, como você esta estruturando o seu CKEditor eu uma vez consegui, apenas uma.

obs: esse plugin deve ter sido desenvolvido pelo tinhoso pois nunca vi coisa tão complicada.

Alex Camargo· 13 de jun.

Opa,

Estou utilizando a toolbar defaut, com todas opções:

Segue o arquivo config.js

/*
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:

// config.language = 'fr';
 config.uiColor = '#999999';

CKEDITOR.plugins.load('pgrfilemanager');
CKEDITOR.config.forcePasteAsPlainText = true;

config.toolbar = 'Full';

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','Iframe' ] },
'/',
{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
{ name: 'colors', items : [ 'TextColor','BGColor' ] },
{ name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];

config.toolbar_Basic =
[
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
];

Valeu

Vinicius Rangel· 13 de jun.

vamos lá, para você definir o que vai quebrar a linha pode usar:

config.enterMode = CKEDITOR.ENTER_P;
config.enterMode = CKEDITOR.ENTER_BR;

e o shif enter da mesma maneira:

config.shiftEnterMode = CKEDITOR.ENTER_BR

só que me parece que você quer mostrar esse código, correto?

bom isso você teria que habilitar a área CODE que o plugin disponibiliza que ele vem por padrão habilidado.

mais opções podem ser encontradas aqui:

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode

Alex Camargo· 13 de jun.

Brother!

A sua solução funcionária para as quebras de LINHA tipo <br />, certo?

Na verdade estava precisando de uma quebra de PÁGINA, tipo WORLD.

Abração

Vinicius Rangel· 13 de jun.

esses são os eventos para quebra linha mas você pode criar a função para ele passar para outra página no evento do botão que já seria uma coisa mais complicada.

Alex Camargo· 13 de jun.

Pois é, havia pensando em algo tipo.

Acho que vou ter que modificar para um upload em PDF ao invés de digitar no navegador...

Porém, agradeço a atenção..

Abração