Inscrições abertas para nosso Webinar anual Adianti Framework 2024!
Clique aqui para saber mais
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
DESABILITAR BOTÕES DO THTMLEDITOR Boas; Alguém sabe me informar como desabilitar via programação os botões do THtmlEditor ? Explicando: Estou construindo uma tela onde o usuário irá carregar uma imagem, e depois salva-la em um banco de dados MySQL num campo do tipo TEXT (Não posso mudar isso). Depois de muitas tentativas vi que a melhor forma de fazer isso diretamente seria usar o THtmlEditor, mas para isso teria...
MC
DESABILITAR BOTÕES DO THTMLEDITOR  
Marco AR Campos 03/12/2016 (há 8 anos)
Boas;

Alguém sabe me informar como desabilitar via programação os botões do THtmlEditor ?

Explicando:
Estou construindo uma tela onde o usuário irá carregar uma imagem, e depois salva-la em um banco de dados MySQL
num campo do tipo TEXT (Não posso mudar isso).

Depois de muitas tentativas vi que a melhor forma de fazer isso diretamente seria usar o THtmlEditor, mas para isso teria que deixar Habilitado somente o botão de Imagem.

Estou aberto a sugestões.

Um abraço a todos;
Pacotão Dominando o Adianti Framework 7
O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado! Versão 7.4


Dominando o Adianti 7 Quero me inscrever agora!

Comentários (6)

MC
Marco AR Campos - AUTOR DO POST       04/12/2016 (há 8 anos)

Enquanto isso..... Quem não tem cão caça com gato... ;D

Resolvi de outra forma, na verdade usei como parâmetro o arquivo gerado pelo THtmlEditor.
e ficou - "diga-se de passage" - muito melhor do que o esperado.

Segue abaixo a solução:

  1. <?php
  2.     public static function ImgBase64( $img )
  3.     {
  4.         if ( file_exists( $img ))
  5.         {
  6.             // Le a stream do Arquivo e retorna a imagem
  7.             $imagem = file_get_contents( $img );
  8.         
  9.             $dados  = getimagesize( $img );
  10.             $info   = pathinfo( $img );
  11.             
  12.             $ArqIni = '<img src="data:'.$dados["mime"].';base64,';
  13.             $ArqFim = '" arquivo="'.$info['basename'].'" style="width: '.$dados[0].' height: '.$dados[1].'px;">';
  14.             $ArqTxt = base64_encode( $imagem );
  16.             return ( $ArqIni.$ArqTxt.$ArqFim );
  18.         } 
  19.         else return "Arquivo nao Encontrado: ".$img ;            
  20.     }
  21. ?>


Pronto e só salvar o arquivo na Base MySqL no campo TXT.

se der um var_dump do retorno vai notar que a imagem aparece na tela.

Abraços
NR
Nataniel Rabaioli       05/12/2016 (há 7 anos)

Se a ideia é deixar habilitado somente o botão de imagem, por que não utilizar o TFile ou TMultifile que são específicos para isso?

De qualquer forma, para habilitar/desabilitar os botões do THtmlEditor você precisa adicionar a função thtmleditor_start no arquivo app/lib/include/application.js:
function thtmleditor_start(objectId, width, height) { $('#'+objectId).summernote({ toolbar: [ ['picture', ['picture']] ] }); }
MC
Marco AR Campos - AUTOR DO POST       05/12/2016 (há 7 anos)

Nataniel, boas.

Obrigado pela reposta e foi válida tanto para mim quanto para outros que precisarem, e olha que procurei na internet e pouco achei sobre.

Quanto ao TFile ou Tmultifile tem finalidades distintas em relação THtmlEditor, enquanto os primeiros carregam as imagens para
uma área temporária e guarda somente o nomes desta, por padrão tmp/ o outro carrega todo o conteúdo como arquivo texto no formato Base64.

Ao gravar numa Base de Dados o primeiro irá guardar o nome do arquivo e o THtmlEditor irá guardar toda a imagem.

O meu problema baseava-se exatamente ai, não me interessa "Mover e guardar nome" e sim em guardar a imagem propriamente dita e depois edita-la
quando fosse necessário.

Por isso coloquei a solução que encontrei, logico que estou usando o TFile, carrego a imagem em base temporária, converto em arquivo Base64,
coloco as Tag's necessárias para edita-las quando precisar, e logo em seguida excluo a imagem do temporário.

No formato acima tenho todo o controle sobre o arquivo, mas com THtmlEditor no meu "sonho" seria "uma mão na roda".


Abraços.
MC
Marco AR Campos - AUTOR DO POST       06/01/2018 (há 6 anos)

Se alguém passar por aqui, no link abaixo esta a resposta

nota - Versão 5 do Framework

www.adianti.com.br/forum/pt/view_3985
FA
Fernando Araújo       30/12/2018 (há 5 anos)

Boa tarde,

Olhando seu código vi que a customização do THtmlEditor ainda é totalmente manual, assim resolvi incluir uma nova função na classe bem como alterar o application.js para receber a mudança adequadamente. veja abaixo:

No arquivo application.js que está na pasta app/lib/include adicione no final do mesmo as linhas abaixo:

//[....Código original ...] function thtmleditor_start(objectId, width, height, lang, toolbararray) { $('#'+objectId).summernote({ width: width, height: height, lang: lang, toolbar: toolbararray }); if (typeof $('#'+objectId).next('.note-editor')[0] !== 'undefined') { var container = $('#'+objectId).next('.note-editor')[0]; $(container).css('margin', $('#'+objectId).css('margin')); } }


Procure pelo THtmlEditor.php na path raiz lib/adianti/widget/form e substitua o seu script pelo código abaixo:
  1. <?php
  1. <?php
  2. namespace Adianti\Widget\Form;
  4. use Adianti\Core\AdiantiApplicationConfig;
  5. use Adianti\Widget\Form\AdiantiWidgetInterface;
  6. use Adianti\Widget\Base\TElement;
  7. use Adianti\Widget\Base\TScript;
  8. use Adianti\Widget\Form\TField;
  10. /**
  11.  * Html Editor
  12.  *
  13.  * @version    5.5
  14.  * @package    widget
  15.  * @subpackage form
  16.  * @author     Pablo Dall'Oglio
  17.  * @update author Fernando de Pinho Araújo
  18.  * @copyright  Copyright (c) 2006 Adianti Solutions Ltd. (http://www.adianti.com.br)
  19.  * @license    http://www.adianti.com.br/framework-license
  20.  */
  21. class THtmlEditor extends TField implements AdiantiWidgetInterface
  22. {
  23.     protected $id;
  24.     protected $size;
  25.     protected $formName;
  26.     private   $height;
  27.     protected $toolbar; //Acrescido para haver o controle das toolbar
  28.     
  29.     /**
  30.      * Class Constructor
  31.      * @param $name Widet's name
  32.      */
  33.     public function __construct($name)
  34.     {
  35.         parent::__construct($name);
  36.         $this->id = 'THtmlEditor_'.mt_rand(1000000000, 1999999999);
  37.         
  38.         // creates a tag
  39.         $this->tag     = new TElement('textarea');
  40.         //Default value for toolbar
  41.         //inclued for Fernando de Pinho Araújo
  42.         $this->toolbar = "
  43. [ ['style',['style']], 
  44.   ['font',['bold','underline','clear']], 
  45.   ['fontname',['fontname']], ['color',['color']], 
  46.   ['para',['ul','ol','paragraph']], 
  47.   ['height', ['height']], 
  48.   ['table',['table']], 
  49.   ['insert',['picture'],['video'],['link']], 
  50.   ['view',['fullscreen','help']] ]";
  51.   
  52.     }
  53.     
  54.     /**
  55.      * Define the widget's size
  56.      * @param  $width   Widget's width
  57.      * @param  $height  Widget's height
  58.      */
  59.     public function setSize($width, $height = NULL)
  60.     {
  61.         $this->size   = $width;
  62.         if ($height)
  63.         {
  64.             $this->height = $height;
  65.         }
  66.     }
  67.     
  68.     /**
  69.      * Returns the size
  70.      * @return array(width, height)
  71.      */
  72.     public function getSize()
  73.     {
  74.         return array( $this->size, $this->height );
  75.     }
  76.     
  77.     /**
  78.      * Enable the field
  79.      * @param $form_name Form name
  80.      * @param $field Field name
  81.      */
  82.     public static function enableField($form_name, $field)
  83.     {
  84.         TScript::create( " thtmleditor_enable_field('{$form_name}', '{$field}'); " );
  85.     }
  86.     
  87.     /**
  88.      * Disable the field
  89.      * @param $form_name Form name
  90.      * @param $field Field name
  91.      */
  92.     public static function disableField($form_name, $field)
  93.     {
  94.         TScript::create( " thtmleditor_disable_field('{$form_name}', '{$field}'); " );
  95.     }
  96.     
  97.     /**
  98.      * Clear the field
  99.      * @param $form_name Form name
  100.      * @param $field Field name
  101.      */
  102.     public static function clearField($form_name, $field)
  103.     {
  104.         TScript::create( " thtmleditor_clear_field('{$form_name}', '{$field}'); " );
  105.     }
  106.     
  107.     /**
  108.      * Show the widget
  109.      */
  110.     public function show()
  111.     {
  112.         $this->tag->{'id'}     = $this->id;
  113.         $this->tag->{'class'}  = 'thtmleditor';       // CSS
  114.         $this->tag->{'widget'} = 'thtmleditor';
  115.         $this->tag->{'name'}   = $this->name;   // tag name
  116.         
  117.         $ini = AdiantiApplicationConfig::get();
  118.         $locale = !empty($ini['general']['locale']) ? $ini['general']['locale'] : 'pt-BR';
  119.         
  120.         // add the content to the textarea
  121.         $this->tag->add(htmlspecialchars($this->value));
  122.         
  123.         // show the tag
  124.         $this->tag->show();
  125.         //Modify for Fernando de Pinho Araújo (config tool bar)
  126.         $script = " thtmleditor_start( '{$this->tag->{'id'}}', '{$this->size}', '{$this->height}', '{$locale}', {$this->toolbar} ); ";
  127.         TScript::create($script);
  128.         
  129.         // check if the field is not editable
  130.         if (!parent::getEditable())
  131.         {
  132.             TScript::create( " thtmleditor_disable_field('{$this->formName}', '{$this->name}'); " );
  133.         }
  134.     }
  135.     /**
  136.      * Define the widget's tool bar
  137.      * @tool   $tool    array with toolbar
  138.      * Inclued for Fernando de Pinho Araújo
  139.      */
  140.     public function setToolBar($tool = null)
  141.     {
  142.         if (!empty($tool))
  143.         {
  144.             $this->toolbar   = $tool;
  145.         }
  146.         else
  147.         {
  148.             //Tool bar default
  149.             $this->toolbar = "
  150. [ ['style',['style']], 
  151.   ['font',['bold','underline','clear']], 
  152.   ['fontname',['fontname']], ['color',['color']], 
  153.   ['para',['ul','ol','paragraph']], 
  154.   ['height', ['height']], 
  155.   ['table',['table']], 
  156.   ['insert',['picture'],['video'],['link']], 
  157.   ['view',['fullscreen','help']] ]";
  158.         }
  159.     }
  160. }
  162. ?>


Espero ter ajudado.

OBS: Tenha cuidado com as atualizações de framework pois terá de refazer essas mudanças ou se adaptar ao que vier caso os desenvolvedores modifiquem o funcionamento da classe.

At.te. Fernando de Pinho Araújo
FA
Fernando Araújo       30/12/2018 (há 5 anos)

Ah sim...mostro como funciona abaixo:

  1. <?php
  2.  //[...]
  3.         $master_problema                   = new THtmlEditor('master_problema');
  4.   [...]
  5.         $master_problema->setSize('85%',128);//Tamanho
  6.         $master_problema->setToolBar ( "
  7. [ ['style',['style']], 
  8.   ['font',['bold','underline','clear']], 
  9.   ['fontname',['fontname']], ['color',['color']], 
  10.   ['para',['ul','ol','paragraph']], 
  11.   ['height', ['height']], 
  12.   ['table',['table']], 
  13.   ['insert',['picture'],['video'],['link']], 
  14.   ['view',['fullscreen','help']] ]" ); //Exemplo de Tool Bar. Maiores informações no link https://summernote.org/deep-dive/#initialization-options
  15. ?>


At.te. Fernando de Pinho Araújo