Lançado Adianti Framework 7.6!
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
THtmlEditor Habilitar o botao de Video Ola boa tarde, gostaria de habilitar o botao de video no Editor de texto THtmlEditor. Tem como fazer isso preciso inserir um video do youtube e nao tem esse botao apenas o link, e quero que já abra o video. por ser uma noticia. grata Regina...
MG
THtmlEditor Habilitar o botao de Video  
Maria Regina da Silva Guerreiro 11/03/2020 (há 4 anos)
Ola boa tarde,

gostaria de habilitar o botao de video no Editor de texto THtmlEditor.
Tem como fazer isso preciso inserir um video do youtube e nao tem esse botao
apenas o link, e quero que já abra o video. por ser uma noticia.

grata

Regina
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 (5)

NR
Nataniel Rabaioli       12/03/2020 (há 4 anos)

Você pode redefinir a toolbar e acrescentar a opção "video" dentro de "insert":
  1. <?php
  2. $html->setOption('toolbar',[
  3.           ['undoredo', ['undo','redo']],
  4.           ['style', ['style', 'bold', 'italic', 'underline','clear']],
  5.           ['font', ['fontname', 'fontsize', 'color']],
  6.           ['para', ['ul', 'ol', 'paragraph', 'height']],
  7.           ['insert', ['table', 'link', 'picture', 'hr','video']],
  8.           ['view', ['fullscreen', 'codeview', 'help']]
  9.        ]);
  10. ?>
MG
Maria Regina da Silva Guerreiro - AUTOR DO POST       12/03/2020 (há 4 anos)

Bom dia Nataniel,

Onde exatamente acrescento este código dentro do Form ou da Classe?

Grata
NR
Nataniel Rabaioli       12/03/2020 (há 4 anos)

No form, na sua instância do THtmlEditor
MG
Maria Regina da Silva Guerreiro - AUTOR DO POST       13/03/2020 (há 4 anos)

Nataniel,

Em lib/adianti/include/THtmlEditor fiz a alteração conforme codigo abaixo, mais o botao de video nao aparece, preciso fazer algo mais?


function thtmleditor_start(objectId, width, height, lang) {

$('#'+objectId).summernote({

fontSizes: ['8', '9', '10', '11', '12', '14', '18', '24', '36', '48' , '64', '82', '150'],

width: width,

height: height,

lang: lang,

toolbar: [

['undoredo', ['undo','redo']],

['style', ['style', 'bold', 'italic', 'underline','clear']],

['font', ['fontname', 'fontsize', 'color']],

['para', ['ul', 'ol', 'paragraph', 'height']],

['insert', ['table', 'link', 'picture', 'hr', 'video']],

["view", ["fullscreen", "codeview", "help"]],

]

});
LA
Luis Alberto       14/03/2020 (há 4 anos)

ola Maria, crie um js para suas alterações. fiz assim:

no app > templates > theme# > libraries.html

adicionei meu js:
<script src="app/lib/custom/js/custom.js" type="text/javascript"></script>


e nele adicionei:

/* Editor html Summernote */ function thtmleditor_start(objectId, width, height, lang) { $('#' + objectId).summernote({ width: width, height: height, lang: lang, spellcheck: false, toolbar: [ ['font', ['bold', 'underline', 'strikethrough', 'color']], ['fontsize', ['fontname', 'fontsize']], ['para', ['ul', 'ol', 'paragraph', 'height']], ['insert', ['hr', 'table', 'video']], ['view', ['fullscreen', 'help']] ] }); if (typeof $('#' + objectId).next('.note-editor')[0] !== 'undefined') { var container = $('#' + objectId).next('.note-editor')[0]; $(container).css('margin', $('#' + objectId).css('margin')); } }