Colocar SCEditor na resposta rápida na versão AwesomeBB

por Lobs 25.07.20 3:45

Detalhes da questão

Endereço do fórum: https://www.forumnsanimes.com/
Versão do fórum: AwesomeBB

Descrição

Código:: /* * Aplicação: CKEditor - Versão: AwesomeBB por pedxz. * Data: 30/04/2018 * Versão: 1.030042018 * Copyright (c) CKSource e adaptado para a Forumeiros por Daemon <ajuda.forumeiros.com> * Este trabalho é gratuito. Pode ser compartilhado e/ou modificado */ $(function() { if (_board.tpl_version !== 'awesomebb') return; $.ajax({ type: 'GET', url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js', dataType: 'script', success: function() { CKEDITOR.replace('quick-reply-textarea', { extraPlugins: 'bbcode' }); }, error: function(jqXHR, textStatus, errorThrown) { if(jqXHR.status == 500) { console.log('Internal error: ' + jqXHR.responseText); } else { console.log('Unexpected error.'); } } }); $(function() { $('#quick-reply-textarea').sceditor('instance').destroy(); }); });

A caixa de resposta rápida da versão AwesomeBB não tem nenhum botão. Meus membros estão reclamando demais disso, e se tornou algo realmente incômodo, está prejudicando o bom andamento do fórum (que é um dos maiores, talvez o maior da plataforma em movimento efetivo).

Este código que eu postei acima é um código que encontrei no fórum de ajuda, que consegue colocar o CK Editor no lugar da caixa de resposta rápida. Acontece que o CK Editor é péssimo, não atende aos membros (que estão habituados ao SC Editor).

Preciso de ajuda para colocar o SC Editor no lugar da caixa de resposta rápida. Uma ótima noite, agradeço desde já. Feliz

por **tikky** 25.07.20 10:19

Olá @Lobs,

Existe a possibilidade de adicionar o SCEditor de forma manual no seu Fórum, mas com limitações do BBCode, e de scripts customizados, Modtools, por exemplo, o senhor deseja prosseguir?!

Aguardo uma resposta sua,
pedxz.

por Lobs 25.07.20 15:15

@pedxz

Desejo sim. Só quero o SC editor normal mesmo, com os códigos de cores, quotes, bbcodes básicos, etc. Será melhor que minha situação atual, seja o que for.

por **tikky** 26.07.20 21:15

Esqueça o que eu escrevi em cima Rindo

consegui arranjar um método que traz ao editor todas as suas vantagens. Vá ao viewtopic_body (template) encontre:

Código:: {QUICK_REPLY_FORM}

e em baixo adicione:

Código::  <link rel="stylesheet" href="https://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" /> <style type="text/css"> .sceditor-button-flash div { background-position: 0 -628px; } .sceditor-button-servimg div { background-position: 0 -644px; } .sceditor-button-dailymotion div{ background-position: 0 -660px; } .sceditor-button-faspoiler div { background-position: 0 -676px; } .sceditor-button-fahide div { background-position: 0 -692px; } .sceditor-button-fascroll div { background-position: 0 -708px; } .sceditor-button-faupdown div { background-position: 0 -724px; } .sceditor-button-farand div { background-position: 0 -756px; } .sceditor-button-faroll div { background-position: 0 -772px; } .sceditor-button-more div { background-position: 0 -788px; } .sceditor-button-emoticon div { background-position: 0 -804px; } .sceditor-button-headers div { background-position: 0 -820px; } </style> <script> $('#quick-reply-textarea').replaceWith('<textarea id="text_editor_textarea" name="message" style="min-height: 450px!important;"></textarea>'); </script> <script type="text/javascript" src="https://illiweb.com/rs3/18/frm/SCEditor/src/jquery.sceditor.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/jquery/cookie/jquery.cookie.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/plugins/bbcode.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands-bbcode.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-custom-bbcode.js"></script> <script type="text/javascript" charset="UTF-8"> (function ($) { 'use strict'; $.sceditor.locale["pt"] = { "Bold" : "Negrito", "Italic" : "Itál.", "Underline" : "Sublinhar", "Strikethrough" : "Riscado", "Align left" : "Alinhar à esquerda", "Center" : "Centrado", "Align right" : "Alinhar à direita", "Justify" : "Justificado", "Bullet list" : "-Lista", "Numbered list" : "Lista ordenada", "Insert a horizontal rule" : "Inserir uma linha", "Insert a Quote" : "'Citar'", "Code" : "Code", "Spoiler" : "Spoiler", "Hidden" : "Escondido", "Insert a table" : "Inserir uma tabela", "Host an image" : "Hospedar uma imagem", "Insert an image" : "Inserir uma imagem", "Insert an email" : "Inserir um email", "Insert a link" : "Inserir um link", "Unlink" : "Excluir um link", "Insert a YouTube video" : "Inserir um video do Youtube", "Insert a Dailymotion Video" : "Insira um video Dailymotion", "Flash" : "Flash", "Format Headers" : "Formato dos títulos", "Font Size" : "Tamanho da fonte", "Font Color" : "Cor", "Font Name" : "Fonte", "Remove Formatting" : "Excluir a formatação do texto", "Subscript" : "Índice", "Superscript" : "Exposição", "Horizontal scrolling" : "Desfilamento horizontal", "Vertical scrolling" : "Desfilamento vertical", "Random" : "Aleatório", "Dices roll" : "Lançar dados", "Insert an emoticon" : "Smileys", "Insert current date" : "Data atual", "Insert current time" : "Hora atual", "Paste Text" : "Inserir um texto não formatado", "Switch Editor Mode" : "Transferir o modo de edição", "color_dark_red" : "Vermelho Escuro", "color_red" : "Vermelho", "color_orange" : "Laranja", "color_brown" : "Marrom", "color_yellow" : "Amarelo", "color_green" : "Verde", "color_olive" : "Azeitona", "color_cyan" : "Ciano", "color_blue" : "Azul", "color_dark_blue" : "Azul escuro", "color_indigo" : "Índigo", "color_violet" : "Violeta", "color_grey" : "Cinza", "color_white" : "Branco", "color_black" : "Preto", "More" : "Mais botões", "Insert" : "Inserir", "URL:" : "URL", "Invalid YouTube video" : "Vídeo inválido", "Author (optional)" : "Autor (Opcional)", "Title (optional)" : "Título (Opcional)", "Cols:" : "Colunas", "Rows:" : "linhas", "Width (optional):" : "Largura (Opcional)", "Height (optional):" : "Altura (Opcional)", "Description (optional):" : "Descrição (Opcional)", "Paste your text inside the following box:" : "Colar texto", "Border" : "Borda (px)", "dateFormat": "day.month.year" }; })(jQuery); </script> <script type="text/javascript"> var plugins = ''; var palette = 1; var illiweb = 'https://illiweb.com/'; var locale = 'pt'; var height = '200'; var width = '500'; var plugin = 'bbcode'; var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,link,youtube|headers,size,color,font,removeformat|emoticon,date,time,source'; var cssFile = 'https://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css'; var isRtl = 0; var dice = new Array(); var bSourceMode = true; var emoticonsEnabled = 1; var smileys = {":D": "https://2img.net/i/fa//i/smiles/icon_biggrin.png",":)": "https://2img.net/i/fa//i/smiles/icon_smile.gif",":(": "https://2img.net/i/fa//i/smiles/icon_sad.gif",":o": "https://2img.net/i/fa//i/smiles/icon_surprised.gif",":shock:": "https://2img.net/i/fa//i/smiles/icon_eek.gif","8)": "https://2img.net/i/fa//i/smiles/icon_cool.gif",":lol:": "https://2img.net/i/fa//i/smiles/icon_lol.gif",":x": "https://2img.net/i/fa//i/smiles/icon_mad.gif",":P": "https://2img.net/i/fa//i/smiles/icon_razz.gif",":oops:": "https://2img.net/i/fa//i/smiles/icon_redface.gif",":cry:": "https://2img.net/i/fa//i/smiles/icon_cry.gif",":evil:": "https://2img.net/i/fa//i/smiles/icon_evil.gif",":twisted:": "https://2img.net/i/fa//i/smiles/icon_twisted.gif",":roll:": "https://2img.net/i/fa//i/smiles/icon_rolleyes.gif",";)": "https://2img.net/i/fa//i/smiles/icon_wink.gif",":!:": "https://2img.net/i/fa//i/smiles/icon_exclaim.gif",":?:": "https://2img.net/i/fa//i/smiles/icon_question.gif",":idea:": "https://2img.net/i/fa//i/smiles/icon_idea.png",":arrow:": "https://2img.net/i/fa//i/smiles/icon_arrow.gif",":face:": "https://2img.net/i/fa//i/smiles/fresse.png",":star:": "https://2img.net/i/fa//i/smiles/star3.png",":suspect:": "https://2img.net/i/fa//i/smiles/suspect.gif",":heart:": "https://2img.net/i/fa//i/smiles/herz.png",":no:": "https://2img.net/i/fa//i/smiles/kopfschuettel.gif",":@:": "https://2img.net/i/fa//i/smiles/at.png",":cyclops:": "https://2img.net/i/fa//i/smiles/icon_cyclops.gif",":clown:": "https://2img.net/i/fa//i/smiles/icon_clown.png",":pirat:": "https://2img.net/i/fa//i/smiles/icon_pirat.png",":tongue:": "https://2img.net/i/fa//i/smiles/icon_tongue.png",":silent:": "https://2img.net/i/fa//i/smiles/icon_silent.png",":pale:": "https://2img.net/i/fa//i/smiles/icon_pale.gif",":alien:": "https://2img.net/i/fa//i/smiles/alien.png",":cat:": "https://2img.net/i/fa//i/smiles/icon_cat.png",":monkey:": "https://2img.net/i/fa//i/smiles/icon_monkey.png",":pig:": "https://2img.net/i/fa//i/smiles/icon_porc.png",":rabbit:": "https://2img.net/i/fa//i/smiles/icon_rabbit.png",":bounce:": "https://2img.net/i/fa//i/smiles/icon_bounce.gif",":confused:": "https://2img.net/i/fa//i/smiles/confused.png",":affraid:": "https://2img.net/i/fa//i/smiles/affraid.gif",":bball:": "https://2img.net/i/fa//i/smiles/icon_basketball.gif",":cheers:": "https://2img.net/i/fa//i/smiles/icon_cheers.png",":bom:": "https://2img.net/i/fa//i/smiles/bom.png",":drunken:": "https://2img.net/i/fa//i/smiles/drunken_smilie.png",":sleep:": "https://2img.net/i/fa//i/smiles/sleep.gif",":sunny:": "https://2img.net/i/fa//i/smiles/icon_sunny.png",":albino:": "https://2img.net/i/fa//i/smiles/icon_albino.png",":cherry:": "https://2img.net/i/fa//i/smiles/icon_cherry.png",":santa:": "https://2img.net/i/fa//i/smiles/icon_santa.png",":rendeer:": "https://2img.net/i/fa//i/smiles/icon_rendeer.png",":farao:": "https://2img.net/i/fa//i/smiles/icon_farao.png",":king:": "https://2img.net/i/fa//i/smiles/icon_king.png",":queen:": "https://2img.net/i/fa//i/smiles/icon_queen.png",":joker:": "https://2img.net/i/fa//i/smiles/icon_jokercolor.png",":geek:": "https://2img.net/i/fa//i/smiles/icon_geek.png",":scratch:": "https://2img.net/i/fa//i/smiles/icon_scratch.png",":study:": "https://2img.net/i/fa//i/smiles/icon_study.png",":elephant:": "https://2img.net/i/fa//i/smiles/icon_elephant.png",":flower:": "https://2img.net/i/fa//i/smiles/icon_flower.png",":afro:": "https://2img.net/i/fa//i/smiles/icon_rr.png",":lol!:": "https://2img.net/i/fa//i/smiles/lol.gif",":|": "https://2img.net/i/fa//i/smiles/icon_neutral.gif"}; var iframeSrc = '/smilies?f={FORUM_ID}&mode=smilies_frame&t=1410370588'; var illiwebDomain = 'https://illiweb.com/'; var servimgDomain = 'www.servimg.com'; var INTRANET = 0; </script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/instance-sceditor.js"></script>

por Lobs 29.07.20 16:20

pedxz escreveu:Esqueça o que eu escrevi em cima consegui arranjar um método que traz ao editor todas as suas vantagens. Vá ao viewtopic_body (template) encontre:
Código:
{QUICK_REPLY_FORM}
e em baixo adicione:
Código:
 <link rel="stylesheet" href="https://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" /> <style type="text/css"> .sceditor-button-flash div { background-position: 0 -628px; } .sceditor-button-servimg div { background-position: 0 -644px; } .sceditor-button-dailymotion div{ background-position: 0 -660px; } .sceditor-button-faspoiler div { background-position: 0 -676px; } .sceditor-button-fahide div { background-position: 0 -692px; } .sceditor-button-fascroll div { background-position: 0 -708px; } .sceditor-button-faupdown div { background-position: 0 -724px; } .sceditor-button-farand div { background-position: 0 -756px; } .sceditor-button-faroll div { background-position: 0 -772px; } .sceditor-button-more div { background-position: 0 -788px; } .sceditor-button-emoticon div { background-position: 0 -804px; } .sceditor-button-headers div { background-position: 0 -820px; } </style> <script> $('#quick-reply-textarea').replaceWith('<textarea id="text_editor_textarea" name="message" style="min-height: 450px!important;"></textarea>'); </script> <script type="text/javascript" src="https://illiweb.com/rs3/18/frm/SCEditor/src/jquery.sceditor.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/jquery/cookie/jquery.cookie.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/plugins/bbcode.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands-bbcode.js"></script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-custom-bbcode.js"></script> <script type="text/javascript" charset="UTF-8"> (function ($) { 'use strict'; $.sceditor.locale["pt"] = { "Bold" : "Negrito", "Italic" : "Itál.", "Underline" : "Sublinhar", "Strikethrough" : "Riscado", "Align left" : "Alinhar à esquerda", "Center" : "Centrado", "Align right" : "Alinhar à direita", "Justify" : "Justificado", "Bullet list" : "-Lista", "Numbered list" : "Lista ordenada", "Insert a horizontal rule" : "Inserir uma linha", "Insert a Quote" : "'Citar'", "Code" : "Code", "Spoiler" : "Spoiler", "Hidden" : "Escondido", "Insert a table" : "Inserir uma tabela", "Host an image" : "Hospedar uma imagem", "Insert an image" : "Inserir uma imagem", "Insert an email" : "Inserir um email", "Insert a link" : "Inserir um link", "Unlink" : "Excluir um link", "Insert a YouTube video" : "Inserir um video do Youtube", "Insert a Dailymotion Video" : "Insira um video Dailymotion", "Flash" : "Flash", "Format Headers" : "Formato dos títulos", "Font Size" : "Tamanho da fonte", "Font Color" : "Cor", "Font Name" : "Fonte", "Remove Formatting" : "Excluir a formatação do texto", "Subscript" : "Índice", "Superscript" : "Exposição", "Horizontal scrolling" : "Desfilamento horizontal", "Vertical scrolling" : "Desfilamento vertical", "Random" : "Aleatório", "Dices roll" : "Lançar dados", "Insert an emoticon" : "Smileys", "Insert current date" : "Data atual", "Insert current time" : "Hora atual", "Paste Text" : "Inserir um texto não formatado", "Switch Editor Mode" : "Transferir o modo de edição", "color_dark_red" : "Vermelho Escuro", "color_red" : "Vermelho", "color_orange" : "Laranja", "color_brown" : "Marrom", "color_yellow" : "Amarelo", "color_green" : "Verde", "color_olive" : "Azeitona", "color_cyan" : "Ciano", "color_blue" : "Azul", "color_dark_blue" : "Azul escuro", "color_indigo" : "Índigo", "color_violet" : "Violeta", "color_grey" : "Cinza", "color_white" : "Branco", "color_black" : "Preto", "More" : "Mais botões", "Insert" : "Inserir", "URL:" : "URL", "Invalid YouTube video" : "Vídeo inválido", "Author (optional)" : "Autor (Opcional)", "Title (optional)" : "Título (Opcional)", "Cols:" : "Colunas", "Rows:" : "linhas", "Width (optional):" : "Largura (Opcional)", "Height (optional):" : "Altura (Opcional)", "Description (optional):" : "Descrição (Opcional)", "Paste your text inside the following box:" : "Colar texto", "Border" : "Borda (px)", "dateFormat": "day.month.year" }; })(jQuery); </script> <script type="text/javascript"> var plugins = ''; var palette = 1; var illiweb = 'https://illiweb.com/'; var locale = 'pt'; var height = '200'; var width = '500'; var plugin = 'bbcode'; var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,link,youtube|headers,size,color,font,removeformat|emoticon,date,time,source'; var cssFile = 'https://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css'; var isRtl = 0; var dice = new Array(); var bSourceMode = true; var emoticonsEnabled = 1; var smileys = {":D": "https://2img.net/i/fa//i/smiles/icon_biggrin.png",":)": "https://2img.net/i/fa//i/smiles/icon_smile.gif",":(": "https://2img.net/i/fa//i/smiles/icon_sad.gif",":o": "https://2img.net/i/fa//i/smiles/icon_surprised.gif",":shock:": "https://2img.net/i/fa//i/smiles/icon_eek.gif","8)": "https://2img.net/i/fa//i/smiles/icon_cool.gif",":lol:": "https://2img.net/i/fa//i/smiles/icon_lol.gif",":x": "https://2img.net/i/fa//i/smiles/icon_mad.gif",":P": "https://2img.net/i/fa//i/smiles/icon_razz.gif",":oops:": "https://2img.net/i/fa//i/smiles/icon_redface.gif",":cry:": "https://2img.net/i/fa//i/smiles/icon_cry.gif",":evil:": "https://2img.net/i/fa//i/smiles/icon_evil.gif",":twisted:": "https://2img.net/i/fa//i/smiles/icon_twisted.gif",":roll:": "https://2img.net/i/fa//i/smiles/icon_rolleyes.gif",";)": "https://2img.net/i/fa//i/smiles/icon_wink.gif",":!:": "https://2img.net/i/fa//i/smiles/icon_exclaim.gif",":?:": "https://2img.net/i/fa//i/smiles/icon_question.gif",":idea:": "https://2img.net/i/fa//i/smiles/icon_idea.png",":arrow:": "https://2img.net/i/fa//i/smiles/icon_arrow.gif",":face:": "https://2img.net/i/fa//i/smiles/fresse.png",":star:": "https://2img.net/i/fa//i/smiles/star3.png",":suspect:": "https://2img.net/i/fa//i/smiles/suspect.gif",":heart:": "https://2img.net/i/fa//i/smiles/herz.png",":no:": "https://2img.net/i/fa//i/smiles/kopfschuettel.gif",":@:": "https://2img.net/i/fa//i/smiles/at.png",":cyclops:": "https://2img.net/i/fa//i/smiles/icon_cyclops.gif",":clown:": "https://2img.net/i/fa//i/smiles/icon_clown.png",":pirat:": "https://2img.net/i/fa//i/smiles/icon_pirat.png",":tongue:": "https://2img.net/i/fa//i/smiles/icon_tongue.png",":silent:": "https://2img.net/i/fa//i/smiles/icon_silent.png",":pale:": "https://2img.net/i/fa//i/smiles/icon_pale.gif",":alien:": "https://2img.net/i/fa//i/smiles/alien.png",":cat:": "https://2img.net/i/fa//i/smiles/icon_cat.png",":monkey:": "https://2img.net/i/fa//i/smiles/icon_monkey.png",":pig:": "https://2img.net/i/fa//i/smiles/icon_porc.png",":rabbit:": "https://2img.net/i/fa//i/smiles/icon_rabbit.png",":bounce:": "https://2img.net/i/fa//i/smiles/icon_bounce.gif",":confused:": "https://2img.net/i/fa//i/smiles/confused.png",":affraid:": "https://2img.net/i/fa//i/smiles/affraid.gif",":bball:": "https://2img.net/i/fa//i/smiles/icon_basketball.gif",":cheers:": "https://2img.net/i/fa//i/smiles/icon_cheers.png",":bom:": "https://2img.net/i/fa//i/smiles/bom.png",":drunken:": "https://2img.net/i/fa//i/smiles/drunken_smilie.png",":sleep:": "https://2img.net/i/fa//i/smiles/sleep.gif",":sunny:": "https://2img.net/i/fa//i/smiles/icon_sunny.png",":albino:": "https://2img.net/i/fa//i/smiles/icon_albino.png",":cherry:": "https://2img.net/i/fa//i/smiles/icon_cherry.png",":santa:": "https://2img.net/i/fa//i/smiles/icon_santa.png",":rendeer:": "https://2img.net/i/fa//i/smiles/icon_rendeer.png",":farao:": "https://2img.net/i/fa//i/smiles/icon_farao.png",":king:": "https://2img.net/i/fa//i/smiles/icon_king.png",":queen:": "https://2img.net/i/fa//i/smiles/icon_queen.png",":joker:": "https://2img.net/i/fa//i/smiles/icon_jokercolor.png",":geek:": "https://2img.net/i/fa//i/smiles/icon_geek.png",":scratch:": "https://2img.net/i/fa//i/smiles/icon_scratch.png",":study:": "https://2img.net/i/fa//i/smiles/icon_study.png",":elephant:": "https://2img.net/i/fa//i/smiles/icon_elephant.png",":flower:": "https://2img.net/i/fa//i/smiles/icon_flower.png",":afro:": "https://2img.net/i/fa//i/smiles/icon_rr.png",":lol!:": "https://2img.net/i/fa//i/smiles/lol.gif",":|": "https://2img.net/i/fa//i/smiles/icon_neutral.gif"}; var iframeSrc = '/smilies?f={FORUM_ID}&mode=smilies_frame&t=1410370588'; var illiwebDomain = 'https://illiweb.com/'; var servimgDomain = 'www.servimg.com'; var INTRANET = 0; </script> <script type="text/javascript" src="https://illiweb.com/rs3/71/frm/SCEditor/src/instance-sceditor.js"></script>

Incrível, pedxz. Muito obrigado e parabéns.

por **tikky** 29.07.20 16:42

Tópico resolvido

Movido para "Questões resolvidas".

Colocar SCEditor na resposta rápida na versão AwesomeBB