Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
THtmlEditor problema em alterar tamanho da fonte e espaçamento! Galera estou com problema em aumentar tamanho da fonte que na versão antiga tinha agora n consigo mais tambem não vi espaçamento alem de não auto ajustar com o conteudo! Se alguem tiver uma solução agradeço!...
MA
THtmlEditor problema em alterar tamanho da fonte e espaçamento!  
Marcelo Alves 04/12/2017 (há 7 anos)
Galera estou com problema em aumentar tamanho da fonte que na versão antiga tinha agora n consigo mais tambem não vi espaçamento alem de não auto ajustar com o conteudo!

Se alguem tiver uma solução agradeço!

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (7)

NR
Nataniel Rabaioli       05/12/2017 (há 7 anos)

Você pode customizar a barra de ferramentas conforme sua necessidade. Veja as opções no link abaixo:
https://summernote.org/deep-dive/#api

Copie a função thtmleditor_start do arquivo lib/adianti/include/thtmleditor/thtmleditor.js para o arquivo app/lib/include/application.js e faça as modificações desejadas.

Lembre de limpar o cache.
MC
Marco AR Campos       05/01/2018 (há 7 anos)

Nataniel, boas...

Como foram as ferias :)))

Fiz as alterações conforme o seu comentario acima e não surtiu nenhum efeito será que fiz corretamente: segue abaixo 

 
  1. <?php 
  2. function thtmleditor_start(objectId, width, height, lang) {
  3.     $('#'+objectId).summernote({
  4.         width: width,
  5.         height: height,
  6.         lang: lang
  7.     });
  8.     
  10.     // by MarcoARCampos    
  11.     $('#'+objectId).summernote({
  12.         toolbar: [
  13.             ['style', ['bold', 'italic', 'underline', 'clear']],
  14.             ['font', ['strikethrough', 'superscript', 'subscript']],
  15.             ['fontsize', ['fontsize']],
  16.             ['color', ['color']],
  17.             ['para', ['ul', 'ol', 'paragraph']],
  18.             ['height', ['height']]
  19.         ]
  20.     });
  21.     
  22.     
  23.     if (typeof $('#'+objectId).next('.note-editor')[0] !== 'undefined')
  24.     {
  25.         var container = $('#'+objectId).next('.note-editor')[0];
  26.         $(container).css('margin', $('#'+objectId).css('margin'));
  27.     }
  28. }
  30. ?>
MC
Marco AR Campos       06/01/2018 (há 7 anos)

Respondendo a minha pergunta e ficando aqui registrado a solução

Código abaixo foi acrescentado no arquivo app/lib/include/application.js

Detalhes sobre o código: foi inibido os botões

Imagem e Video - //,'picture','video']],
Codigo do Html - //,'codeview']]


function thtmleditor_start(objectId, width, height, lang) { $('#'+objectId).summernote({ width: width, height: height, lang: lang, // by MarcoARCampos toolbar: [ ['style',['style']], ['font',['bold','underline','clear']], ['fontname',['fontname']], ['color',['color']], ['para',['ul','ol','paragraph']], ['height', ['height']], ['table',['table']], ['insert',['link']], //,'picture','video']], ['view',['fullscreen','help']] //,'codeview']] ] }); if (typeof $('#'+objectId).next('.note-editor')[0] !== 'undefined') { var container = $('#'+objectId).next('.note-editor')[0]; $(container).css('margin', $('#'+objectId).css('margin')); } }
MC
Marco AR Campos       06/01/2018 (há 7 anos)

Marcelo Alves, boas

Acho que também responde a sua pergunta.


Abraços, a todos
MC
Marco AR Campos       06/01/2018 (há 7 anos)

Ops me esqueci;

acrecente o codigo abaixo, após o 'fontname' e voce terá o botao de tamnho da fonte


['fontname',['fontname']],
['fontsize', ['fontsize']],
CG
Carlos Eduardo Giuliani Baú       16/01/2019 (há 6 anos)

Bom dia!

Testei o código postado aqui para exibir o tamanho da fonte, porém não surtei nenhum efeito,
function thtmleditor_start(objectId, width, height, lang) { $('#' + objectId).summernote({ width: width, height: height, lang: lang, toolbar: [ ['style',['style']], ['font',['bold','underline','clear']], ['fontname',['fontname']], ['fontsize', ['fontsize']], ['color',['color']], ['para',['ul','ol','paragraph']], ['height', ['height']], ['table',['table']], ['insert',['link']], ['picture',['video']], ['view',['fullscreen','help']] , ['codeview',['codeview'] ]] }); if (typeof $('#'+objectId).next('.note-editor')[0] !== 'undefined') { var container = $('#'+objectId).next('.note-editor')[0]; $(container).css('margin', $('#'+objectId).css('margin')); } }

O código está dentro de app/lib/include/application.js, porém o efeito desejado, que é a exibição da escolha do tamanho da fonte não acontece.
Mantive o código anterior sem modificação lib/adianti/include/thtmleditor/thtmleditor.js, também tentei remove-lo e o resultado é sempre o mesmo.
O que estou fazendo de errado?

Agradeço a atenção!
MA
Marcelo Alves - AUTOR DO POST       16/01/2019 (há 6 anos)

Carlos Eduardo Giuliani Baú, está correto atualize sua página com ctrl+f5 e veja como funciona!