Barra na Versão Móvel igual a da Versão Clássica
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Barra na Versão Móvel igual a da Versão Clássica
Detalhes da questão
Endereço do fórum: https://colecaofutebol.forumeiros.com
Versão do fórum: Invision
Descrição
Oi, pessoal. Percebi que na versão móvel há menos opções para editar a postagem, que na barra da versão clássica. Há algum jeito de na Versão Móvel ter as mesmas opções da versão clássica?
Aparência na versão clássica, do meu fórum:
Re: Barra na Versão Móvel igual a da Versão Clássica
Bom dia.
A versão móvel já não possui o SCEditor justamente por ter como objetivo ser mais leve para o usuário, porém a gente pode adaptar para ela também copiando o código da página desktop. Inclusive, é uma ótima ideia para tutorial (@Sleep, @Fraise ou @Skouliki). O problema que não consegui lidar é o botão de alojamento de imagens, que infelizmente optei por desativar. Isso porque há algumas variáveis que são geradas automaticamente pelo sistema e que seus respectivos valores não são acessíveis pelo template. Por tanto, acesse o seu PA > Visualização > Templates > Versão móvel > e no template viewtopic_body na caixa "Procurar no template", cole este trecho:
Volto a salientar, o SCEditor não é nativo ainda da versão móvel, e por isso pode ser que alguns bugs possam ocorrer neste código que passei. Porém, pelos meus testes, não ocorreu problemas ao não ser no Servimg, como expliquei.
Atenciosamente,
Shek
A versão móvel já não possui o SCEditor justamente por ter como objetivo ser mais leve para o usuário, porém a gente pode adaptar para ela também copiando o código da página desktop. Inclusive, é uma ótima ideia para tutorial (@Sleep, @Fraise ou @Skouliki). O problema que não consegui lidar é o botão de alojamento de imagens, que infelizmente optei por desativar. Isso porque há algumas variáveis que são geradas automaticamente pelo sistema e que seus respectivos valores não são acessíveis pelo template. Por tanto, acesse o seu PA > Visualização > Templates > Versão móvel > e no template viewtopic_body na caixa "Procurar no template", cole este trecho:
- Código:
<!-- END switch_user_authnoreply -->
- Código:
<link rel="stylesheet" href="//illiweb.com/rs3/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" />
<style type="text/css">
.sceditor-button {padding:0 20px 0 0 !important;}
.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-embed div { background-image: url("//2img.net/i//fa/icon_embed.png") }
.sceditor-button-headers div { background-position: 0 -820px; }
.sceditor-button-twemojifa div { background: url("//2img.net/i/fa/icon_twemoji.png") !important; }
.sceditor-twemojifa {width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
.sceditor-button-mention div { background: url("//2img.net/i//fa/icon_at.png") !important; }
#sceditor-mention-div { max-height: 200px; overflow: auto; }
.sceditor-mention-user { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sceditor-mention-user img { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
.sceditor-mention-user:hover { background:#3793ff22;color: #000;cursor:pointer; }
.sceditor-button-giphy div { background-image: url("//2img.net/i//fa/icon_gif.png") }
</style>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">
var plugins = '';
var palette = 0;
var illiweb = 'https://illiweb.com/';
var locale = 'pt';
var smileys = null;
var id_forum = ($('div.breadcrumbs a:last-child').length) ? $('div.breadcrumbs a:last-child').attr('href'):null;
var number_forum = (id_forum == null) ? 1:id_forum.match(/(\d+)-/);
var iframeSrc = '/smilies?f='+ number_forum +'&mode=smilies_frame';
var height = '200';
var cssFile = 'https://illiweb.com/rs3/86/frm/SCEditor/minified/jquery.sceditor.default.min.css';
var plugin = 'bbcode';
var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source';
var cssFile = '';
var isRtl = 0;
var dice = new Array();
var bSourceMode = true;
var emoticonsEnabled = 1;
var SCE_TopicID = '<!-- BEGIN viewtopic_bottom -->{TOPIC_ID}<!-- END viewtopic_bottom -->{LAST_TOPIC_ID}';
var illiwebDomain = 'https://illiweb.com/';
var servimgDomain = 'servimg.com';
var INTRANET = 0;
var quick_reply = '';
(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 a GIF" : "Escolher um GIF",
"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",
"Mention a user" : "Mencionar um membro",
"Embed a link" : "Embutir conteúdo (link)",
"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",
"Search" : "Procurar",
"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);
$(document).ready(function() {
try {
FA.SCEditor = {
sourceMode: bSourceMode
};
$("textarea.input-subtle").sceditor({
locale: locale,
width: ($.sceditor.ie <= 9) ? '' : '100%',
height: height,
plugins: plugin,
SCE_TopicID: (typeof SCE_TopicID !== "undefined") ? SCE_TopicID : "",
quick_reply: (typeof quick_reply !== "undefined") ? quick_reply : "",
toolbar: toolbar,
style: cssFile,
rtl: (isRtl == true),
emoticonsEnabled: emoticonsEnabled,
emoticonsCompat: true,
emoticonsRoot: "",
emoticons: {
dropdown: smileys
},
emoticonsURL: iframeSrc
});
var editor = $("textarea.input-subtle").sceditor("instance");
var originalDropDownFn = editor.createDropDown;
editor.createDropDown = function(menuItem, name, content, ieFix) {
originalDropDownFn.call(this, menuItem, name, content, ieFix);
var dropdowns = document.getElementsByClassName('sceditor-dropdown');
if (!dropdowns.length) {
return
}
var dropdown = dropdowns[dropdowns.length - 1];
dropdown.style.top = menuItem[0].offsetTop + 'px';
dropdown.style.setProperty('left', menuItem[0].offsetLeft + 'px', 'important');
if (typeof _userdata !== 'undefined') {
if (_userdata['tpl_mobile'] === 'mobi_modern') {
let rect = dropdown.getBoundingClientRect();
if ((rect.right + menuItem[0].offsetLeft) > document.documentElement.offsetWidth && rect.width < document.documentElement.offsetWidth) {
dropdown.style.setProperty('left', (document.documentElement.offsetWidth - rect.right - 10) + 'px', 'important')
} else if (rect.width >= document.documentElement.offsetWidth) {
dropdown.style.setProperty('left', '0', 'important')
}
}
}
menuItem.parents('.sceditor-container').append(dropdown)
};
editor.toggleSourceMode();
editor.sourceMode(FA.SCEditor.sourceMode);
if (FA.SCEditor.sourceMode) $("a.sceditor-button-source").addClass("hover");
if (plugin === 'bbcode') {
FA_SCEditor.functions.showHideToolbarElements();
if (!bSourceMode && editor.getSourceEditorValue().length) editor.setWysiwygEditorValue(editor.getSourceEditorValue() + '<br />')
}
$('.sceditor-container textarea').attr("placeholder", "" + editor.opts.quick_reply + "");
addStyleMobiDarkmode(editor);
$('.sceditor-button-source, #fa_darkmode_toggle').on('mouseup', function() {
addStyleMobiDarkmode(editor)
})
} catch (e) {
if (typeof(console) != 'undefined') {
console.error(e)
}
}
try {
if (typeof(addSmileyPane) != 'undefined') {
addSmileyPane()
}
} catch (e) {
if (typeof(console) != 'undefined') {
console.error(e)
}
}
});
function addStyleMobiDarkmode(editor) {
var bodySCE = editor.getBody().closest('html').find('head');
if ($('body').hasClass('fa_darkmode')) {
var styleSCE = $('<style>');
styleSCE.text("body,code:before,html,p,table{background-color:#1f1f1f;border-color:#464646;color:#d4d4d4;}").attr("id", "fa_darkmode_sce_style");
styleSCE.appendTo(bodySCE)
} else {
bodySCE.children('#fa_darkmode_sce_style').remove()
}
}
function detectIEEdge() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
if (msie > 0) {
return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10)
}
var trident = ua.indexOf('Trident/');
if (trident > 0) {
var rv = ua.indexOf('rv:');
return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10)
}
var edge = ua.indexOf('Edge/');
if (edge > 0) {
return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10)
}
return false
}
function getOS() {
var userAgent = window.navigator.userAgent,
platform = window.navigator.platform,
macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
iosPlatforms = ['iPhone', 'iPad', 'iPod'],
os = null;
if (macosPlatforms.indexOf(platform) !== -1) {
os = 'Mac OS'
} else if (iosPlatforms.indexOf(platform) !== -1) {
os = 'iOS'
} else if (windowsPlatforms.indexOf(platform) !== -1) {
os = 'Windows'
} else if (/Android/.test(userAgent)) {
os = 'Android'
} else if (!os && /Linux/.test(platform)) {
os = 'Linux'
}
return os
}
function insertIntoEditor(text) {
try {
var editor = $("textarea.input-subtle").sceditor("instance");
var editorContent = editor.val();
if ((text == null) || (typeof(text) == 'undefined')) {
text = ""
}
if (editor && (text.length > 0)) {
if (editor.inSourceMode()) {
if (editorContent.slice(-1) === ' ' || editorContent.length == 0) editor.insert(text + ' ');
else if (editorContent.length > 0) editor.insert(' ' + text + ' ')
} else {
if (editorContent.slice(-1) === ' ' || editorContent.length == 0) {
editor.insert(text);
editor.wysiwygEditorInsertHtml(' ')
} else if (editorContent.length > 0) {
editor.wysiwygEditorInsertHtml(' ');
editor.insert(text);
editor.wysiwygEditorInsertHtml(' ')
}
}
}
} catch (e) {
if (console) {
console.error(e)
}
}
}
function updateEditorVal(val) {
var editor = $("textarea.input-subtle").sceditor("instance"),
rangeHelper = editor.getRangeHelper();
if (typeof val === "string") {
if (editor.inSourceMode()) {
editor.setSourceEditorValue(val)
} else {
editor.setWysiwygEditorValue('');
editor.insert(val)
}
}
}
function ReturnWord(text, caretPos) {
var preText = text.substring(0, caretPos);
var separatorRegexp = new RegExp("\\s+");
if (separatorRegexp.test(preText)) {
var words = preText.split(separatorRegexp);
var wordOutput = words[words.length - 1];
return wordOutput
} else {
return preText
}
}
function findIfMention(text) {
var editor = $("textarea.input-subtle").sceditor("instance");
if (typeof text === "undefined") {
var text = editor.val()
}
var caretPos = text.length;
var word = ReturnWord(text, caretPos);
if (word != null) {
var thisRegex = new RegExp("^(@\"?).*");
var endRegex = new RegExp('^(@").+"');
if (thisRegex.test(word)) {
if (endRegex.test(word)) {
editor.closeDropDown(true);
return
}
var paramStr = word.substring(word.match(thisRegex)[1].length);
showMentionList(paramStr);
if (paramStr.endsWith('"')) {
editor.closeDropDown(true)
}
} else {
editor.closeDropDown(true)
}
}
}
function bindKeyUp() {
var timeoutID = null;
var editor = $("textarea.input-subtle").sceditor("instance");
var rangeHelper = editor.getRangeHelper();
editor.keyUp(function(e) {
rangeHelper.saveRange();
clearTimeout(timeoutID);
timeoutID = setTimeout(function() {
findIfMention(e.target.value)
}, 500)
})
}
function showMentionList(val) {
var editor = $("textarea.input-subtle").sceditor("instance");
editor.closeDropDown(true);
$content = $("<div />");
$("<input autocomplete='off' type='text' id='sceditor-input-mention' placeholder='@' autofocus value='" + val + "' />").keyup(function(e) {
var timeoutID = null;
clearTimeout(timeoutID);
timeoutID = setTimeout(function() {
findMember(e.target.value)
}, 500)
}).appendTo($content);
findMember(val);
function findMember(str) {
$.get("/ajax_mention.php", {
search: str,
topicID: SCE_TopicID
}).done(function(data) {
appendMentionList(data, str)
})
}
function insertMentionIntoEditor(elem, str, e) {
var elemText;
if (typeof elem === 'string') {
elemText = elem
} else {
elemText = elem.text()
}
if (str.length > 0) {
var regExp = new RegExp("\"?(" + str + ")$");
var currentEditorValue;
if (editor.inSourceMode()) {
currentEditorValue = editor.val()
} else {
currentEditorValue = editor.getWysiwygEditorValue()
}
var newText = currentEditorValue.replace(regExp, "\"" + elemText + "\" ");
updateEditorVal(newText)
} else {
var prefix = '"';
if (editor.val().substr(editor.val().length - 1) === '"') {
prefix = ''
}
editor.insertText(prefix + elemText.substr(str.length) + "\" ")
}
editor.closeDropDown(true);
e.preventDefault()
}
function appendMentionList(data, str) {
if ($('#sceditor-mention-div')) {
$('#sceditor-mention-div').remove()
}
$("<div id='sceditor-mention-div'/></div>").appendTo($content);
data = JSON.parse(data);
if (data) {
var selectedMention = "selected-mention";
for (var user in data) {
$('<p class="sceditor-mention-user"><img src="' + data[user].avatar + '" onerror="this.src=\'' + illiweb + 'fa/i/l_users3.png\';"/>' + data[user].username + '</p>').appendTo('#sceditor-mention-div');
selectedMention = ""
}
$('.sceditor-mention-user').on('click', function(e) {
insertMentionIntoEditor($(this), str, e)
})
}
}
editor.createDropDown($('.sceditor-button-mention'), "mention", $content.get(0))
}
</script>
- Código:
<!-- END switch_mobi_editor -->
Volto a salientar, o SCEditor não é nativo ainda da versão móvel, e por isso pode ser que alguns bugs possam ocorrer neste código que passei. Porém, pelos meus testes, não ocorreu problemas ao não ser no Servimg, como expliquei.
Atenciosamente,
Shek
Re: Barra na Versão Móvel igual a da Versão Clássica
Caso eu faça a alteração perderei a opção do carregamento das imagens? Para mim é uma função fundamental para as postagens no meu fórum.
Re: Barra na Versão Móvel igual a da Versão Clássica
Oi Eduardo.
Não. Alojamento de imagens no servimg só são possíveis na versão desktop. Por isso, em tese, não faz muito sentido incluir isso na versão móvel. O template que mencionei ele é específico da versão móvel. Isto é, somente na versão móvel o botão de carregar imagens para o Servimg ficarão indisponíveis, pois, ela exige um ID e sessões que são criadas no lado do servidor do seu fórum, no qual nós não possuímos acesso. Somente os técnicos tem. Ou seja, as strings servImgAccount, servImgId, servImgF e servImgTB. Elas são geradas por cada usuário que acessa a página. Então, se o usuário acessar a página de postagens, ele terá um código X, se outro usuário acessar, será outro código e assim por diante. Não há como saber qual código certo, entende?
Não. Alojamento de imagens no servimg só são possíveis na versão desktop. Por isso, em tese, não faz muito sentido incluir isso na versão móvel. O template que mencionei ele é específico da versão móvel. Isto é, somente na versão móvel o botão de carregar imagens para o Servimg ficarão indisponíveis, pois, ela exige um ID e sessões que são criadas no lado do servidor do seu fórum, no qual nós não possuímos acesso. Somente os técnicos tem. Ou seja, as strings servImgAccount, servImgId, servImgF e servImgTB. Elas são geradas por cada usuário que acessa a página. Então, se o usuário acessar a página de postagens, ele terá um código X, se outro usuário acessar, será outro código e assim por diante. Não há como saber qual código certo, entende?
Re: Barra na Versão Móvel igual a da Versão Clássica
Está dando algum erro, acho que eu não estou conseguindo fazer. Posso te dar o acesso para que veja?
Re: Barra na Versão Móvel igual a da Versão Clássica
Olá Eduardo.
Por gentileza, poderia ser mais específico? Nos mostre imagens que evidencie o problema ocorrido, para que possamos ajudá-lo.
Até breve.
Por gentileza, poderia ser mais específico? Nos mostre imagens que evidencie o problema ocorrido, para que possamos ajudá-lo.
Até breve.
Re: Barra na Versão Móvel igual a da Versão Clássica
Sim, mas em qual template? Tem certeza que fez a aplicação da forma que orientei? Excluiu e tentou com o template padrão?
Digo, não há como ter problemas com abertura de tags, pois, você está incluindo um código que não existe no template.
Digo, não há como ter problemas com abertura de tags, pois, você está incluindo um código que não existe no template.
Re: Barra na Versão Móvel igual a da Versão Clássica
Shek escreveu:Sim, mas em qual template? Tem certeza que fez a aplicação da forma que orientei? Excluiu e tentou com o template padrão?
Digo, não há como ter problemas com abertura de tags, pois, você está incluindo um código que não existe no template.
- Código:
<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var desc = $('#page-desc'),
desc_content = desc.children('.page-desc-content'),
desc_btn = desc.children('.page-desc-btn');
if (!desc_content.children('div').is(':empty')) {
desc.addClass('visible');
if(desc_content.find('div')[0].scrollHeight > 64) {
desc_btn.addClass('visible');
}
}
desc_btn.on('click', function() {
desc.toggleClass('expanded');
});
});
//]]>
</script>
{POSTER_MORE_MODAL}
<div class="breadcrumbs">
<a class="nav nav-solid" href="{U_INDEX}">
<span>{L_INDEX}</span>
</a>
{NAV_CAT_DESC_DESKTOP}
</div>
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" {S_POST_REPLY_TOPIC} title="{L_POST_REPLY_TOPIC}">
<i class="material-icons">{I_POST_REPLY_TOPIC}</i> {L_POST_REPLY_TOPIC}
</a>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_user_authnoreply -->
<a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" title="{T_LOGIN_REPLY_TOPIC}">
<i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i> {L_LOGIN_REPLY_TOPIC}
</a>
<!-- END switch_user_authnoreply -->
<!-- BEGIN viewtopic_bottom -->
<form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<label>
<div class="quickmod-wrap">
{S_SELECT_MOD}
</div>
</label>
</form>
<!-- END viewtopic_bottom -->
<div id="page-desc" class="box-subtle">
<div class="page-desc-content">
<div>{TOPIC_TITLE}</div>
</div>
<div class="page-desc-btn">
<i class="material-icons">keyboard_arrow_down</i>
<i class="material-icons">keyboard_arrow_up</i>
</div>
</div>
{POSTERS_LIST}
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
<!-- BEGIN hidden -->
<div class="post-section {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<div class="post-head">
<div class="post-icon"><i class="material-icons" style="display: {postrow.displayed.DISPLAY_ICON};">person</i>{postrow.displayed.POSTER_AVATAR}</div>
<div class="post-info">
<div class="h3">{postrow.displayed.POST_DATE_NEW}</div>
<div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
</div>
</div>
<div class="post-content">
{postrow.displayed.MESSAGE}
<!-- BEGIN switch_attachments -->
<div class="attachbox">
<p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
<dl class="attachments">
<!-- BEGIN switch_post_attachments -->
<dt>
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<dd>
<!-- BEGIN switch_no_comment -->
<p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
<!-- END switch_no_dl_att -->
<p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
</dd>
<!-- END switch_post_attachments -->
</dl>
</div>
<!-- END switch_attachments -->
</div>
{postrow.displayed.EDITED_MESSAGE}
<!-- BEGIN switch_likes_active -->
<div class="fa_like_div">
<!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
</div>
<!-- END switch_likes_active -->
<ul class="post-buttons">
<!-- BEGIN switch_likes_active -->
<button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
<i class="material-icons">thumb_up</i>
{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
</button>
<!-- BEGIN switch_dislike_button -->
<button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
<i class="material-icons">thumb_down</i>
{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
</button>
<!-- END switch_dislike_button -->
<!-- END switch_likes_active -->
<!-- BEGIN switch_edit_quote_buttons -->
<div class="navmenu_block">
<div class="navmenu_show"><i class="material-icons">more_horiz</i></div>
<div class="navmenu_list">
<li>{postrow.displayed.DELETE_IMG}</li>
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.QUOTE_IMG}</li>
</div>
</div>
<!-- END switch_edit_quote_buttons -->
</ul>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}
<!-- BEGIN promot_trafic -->
<div class="module" id="ptrafic_close" style="display: none;">
<div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">add</i></a>{PROMOT_TRAFIC_TITLE}</div>
</div>
<div class="module" id="ptrafic_open" style="display:'';">
<div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">remove</i></a>{PROMOT_TRAFIC_TITLE}</div>
<div class="module-table">
<table summary="{PROMOT_TRAFIC_TITLE}">
<tbody>
<!-- BEGIN link -->
<tr>
<td>
<a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">
<i class="ion-document-text"></i>
{promot_trafic.link.TITLE}
</a>
</td>
</tr>
<!-- END link -->
</tbody>
</table>
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} rel="nofollow" class="btn-floating">
<i class="material-icons">{I_POST_REPLY_TOPIC}</i>
<span class="btn-floating-txt">{L_POST_REPLY_TOPIC}</span>
</a>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_user_authnoreply -->
<a href="{U_LOGIN_REPLY_TOPIC}" title="{T_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
<i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
<span class="btn-floating-txt">{L_LOGIN_REPLY_TOPIC}</span>
</a>
<!-- END switch_user_authnoreply -->
<link rel="stylesheet" href="//illiweb.com/rs3/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" />
<style type="text/css">
.sceditor-button {padding:0 20px 0 0 !important;}
.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-embed div { background-image: url("//2img.net/i//fa/icon_embed.png") }
.sceditor-button-headers div { background-position: 0 -820px; }
.sceditor-button-twemojifa div { background: url("//2img.net/i/fa/icon_twemoji.png") !important; }
.sceditor-twemojifa {width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
.sceditor-button-mention div { background: url("//2img.net/i//fa/icon_at.png") !important; }
#sceditor-mention-div { max-height: 200px; overflow: auto; }
.sceditor-mention-user { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sceditor-mention-user img { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
.sceditor-mention-user:hover { background:#3793ff22;color: #000;cursor:pointer; }
.sceditor-button-giphy div { background-image: url("//2img.net/i//fa/icon_gif.png") }
</style>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">
var plugins = '';
var palette = 0;
var illiweb = 'https://illiweb.com/';
var locale = 'pt';
var smileys = null;
var id_forum = ($('div.breadcrumbs a:last-child').length) ? $('div.breadcrumbs a:last-child').attr('href'):null;
var number_forum = (id_forum == null) ? 1:id_forum.match(/(\d+)-/);
var iframeSrc = '/smilies?f='+ number_forum +'&mode=smilies_frame';
var height = '200';
var cssFile = 'https://illiweb.com/rs3/86/frm/SCEditor/minified/jquery.sceditor.default.min.css';
var plugin = 'bbcode';
var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source';
var cssFile = '';
var isRtl = 0;
var dice = new Array();
var bSourceMode = true;
var emoticonsEnabled = 1;
var SCE_TopicID = '<!-- BEGIN viewtopic_bottom -->{TOPIC_ID}<!-- END viewtopic_bottom -->{LAST_TOPIC_ID}';
var illiwebDomain = 'https://illiweb.com/';
var servimgDomain = 'servimg.com';
var INTRANET = 0;
var quick_reply = '';
(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 a GIF" : "Escolher um GIF",
"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",
"Mention a user" : "Mencionar um membro",
"Embed a link" : "Embutir conteúdo (link)",
"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",
"Search" : "Procurar",
"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);
$(document).ready(function() {
try {
FA.SCEditor = {
sourceMode: bSourceMode
};
$("textarea.input-subtle").sceditor({
locale: locale,
width: ($.sceditor.ie <= 9) ? '' : '100%',
height: height,
plugins: plugin,
SCE_TopicID: (typeof SCE_TopicID !== "undefined") ? SCE_TopicID : "",
quick_reply: (typeof quick_reply !== "undefined") ? quick_reply : "",
toolbar: toolbar,
style: cssFile,
rtl: (isRtl == true),
emoticonsEnabled: emoticonsEnabled,
emoticonsCompat: true,
emoticonsRoot: "",
emoticons: {
dropdown: smileys
},
emoticonsURL: iframeSrc
});
var editor = $("textarea.input-subtle").sceditor("instance");
var originalDropDownFn = editor.createDropDown;
editor.createDropDown = function(menuItem, name, content, ieFix) {
originalDropDownFn.call(this, menuItem, name, content, ieFix);
var dropdowns = document.getElementsByClassName('sceditor-dropdown');
if (!dropdowns.length) {
return
}
var dropdown = dropdowns[dropdowns.length - 1];
dropdown.style.top = menuItem[0].offsetTop + 'px';
dropdown.style.setProperty('left', menuItem[0].offsetLeft + 'px', 'important');
if (typeof _userdata !== 'undefined') {
if (_userdata['tpl_mobile'] === 'mobi_modern') {
let rect = dropdown.getBoundingClientRect();
if ((rect.right + menuItem[0].offsetLeft) > document.documentElement.offsetWidth && rect.width < document.documentElement.offsetWidth) {
dropdown.style.setProperty('left', (document.documentElement.offsetWidth - rect.right - 10) + 'px', 'important')
} else if (rect.width >= document.documentElement.offsetWidth) {
dropdown.style.setProperty('left', '0', 'important')
}
}
}
menuItem.parents('.sceditor-container').append(dropdown)
};
editor.toggleSourceMode();
editor.sourceMode(FA.SCEditor.sourceMode);
if (FA.SCEditor.sourceMode) $("a.sceditor-button-source").addClass("hover");
if (plugin === 'bbcode') {
FA_SCEditor.functions.showHideToolbarElements();
if (!bSourceMode && editor.getSourceEditorValue().length) editor.setWysiwygEditorValue(editor.getSourceEditorValue() + '<br />')
}
$('.sceditor-container textarea').attr("placeholder", "" + editor.opts.quick_reply + "");
addStyleMobiDarkmode(editor);
$('.sceditor-button-source, #fa_darkmode_toggle').on('mouseup', function() {
addStyleMobiDarkmode(editor)
})
} catch (e) {
if (typeof(console) != 'undefined') {
console.error(e)
}
}
try {
if (typeof(addSmileyPane) != 'undefined') {
addSmileyPane()
}
} catch (e) {
if (typeof(console) != 'undefined') {
console.error(e)
}
}
});
function addStyleMobiDarkmode(editor) {
var bodySCE = editor.getBody().closest('html').find('head');
if ($('body').hasClass('fa_darkmode')) {
var styleSCE = $('<style>');
styleSCE.text("body,code:before,html,p,table{background-color:#1f1f1f;border-color:#464646;color:#d4d4d4;}").attr("id", "fa_darkmode_sce_style");
styleSCE.appendTo(bodySCE)
} else {
bodySCE.children('#fa_darkmode_sce_style').remove()
}
}
function detectIEEdge() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
if (msie > 0) {
return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10)
}
var trident = ua.indexOf('Trident/');
if (trident > 0) {
var rv = ua.indexOf('rv:');
return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10)
}
var edge = ua.indexOf('Edge/');
if (edge > 0) {
return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10)
}
return false
}
function getOS() {
var userAgent = window.navigator.userAgent,
platform = window.navigator.platform,
macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
iosPlatforms = ['iPhone', 'iPad', 'iPod'],
os = null;
if (macosPlatforms.indexOf(platform) !== -1) {
os = 'Mac OS'
} else if (iosPlatforms.indexOf(platform) !== -1) {
os = 'iOS'
} else if (windowsPlatforms.indexOf(platform) !== -1) {
os = 'Windows'
} else if (/Android/.test(userAgent)) {
os = 'Android'
} else if (!os && /Linux/.test(platform)) {
os = 'Linux'
}
return os
}
function insertIntoEditor(text) {
try {
var editor = $("textarea.input-subtle").sceditor("instance");
var editorContent = editor.val();
if ((text == null) || (typeof(text) == 'undefined')) {
text = ""
}
if (editor && (text.length > 0)) {
if (editor.inSourceMode()) {
if (editorContent.slice(-1) === ' ' || editorContent.length == 0) editor.insert(text + ' ');
else if (editorContent.length > 0) editor.insert(' ' + text + ' ')
} else {
if (editorContent.slice(-1) === ' ' || editorContent.length == 0) {
editor.insert(text);
editor.wysiwygEditorInsertHtml(' ')
} else if (editorContent.length > 0) {
editor.wysiwygEditorInsertHtml(' ');
editor.insert(text);
editor.wysiwygEditorInsertHtml(' ')
}
}
}
} catch (e) {
if (console) {
console.error(e)
}
}
}
function updateEditorVal(val) {
var editor = $("textarea.input-subtle").sceditor("instance"),
rangeHelper = editor.getRangeHelper();
if (typeof val === "string") {
if (editor.inSourceMode()) {
editor.setSourceEditorValue(val)
} else {
editor.setWysiwygEditorValue('');
editor.insert(val)
}
}
}
function ReturnWord(text, caretPos) {
var preText = text.substring(0, caretPos);
var separatorRegexp = new RegExp("\\s+");
if (separatorRegexp.test(preText)) {
var words = preText.split(separatorRegexp);
var wordOutput = words[words.length - 1];
return wordOutput
} else {
return preText
}
}
function findIfMention(text) {
var editor = $("textarea.input-subtle").sceditor("instance");
if (typeof text === "undefined") {
var text = editor.val()
}
var caretPos = text.length;
var word = ReturnWord(text, caretPos);
if (word != null) {
var thisRegex = new RegExp("^(@\"?).*");
var endRegex = new RegExp('^(@").+"');
if (thisRegex.test(word)) {
if (endRegex.test(word)) {
editor.closeDropDown(true);
return
}
var paramStr = word.substring(word.match(thisRegex)[1].length);
showMentionList(paramStr);
if (paramStr.endsWith('"')) {
editor.closeDropDown(true)
}
} else {
editor.closeDropDown(true)
}
}
}
function bindKeyUp() {
var timeoutID = null;
var editor = $("textarea.input-subtle").sceditor("instance");
var rangeHelper = editor.getRangeHelper();
editor.keyUp(function(e) {
rangeHelper.saveRange();
clearTimeout(timeoutID);
timeoutID = setTimeout(function() {
findIfMention(e.target.value)
}, 500)
})
}
function showMentionList(val) {
var editor = $("textarea.input-subtle").sceditor("instance");
editor.closeDropDown(true);
$content = $("<div />");
$("<input autocomplete='off' type='text' id='sceditor-input-mention' placeholder='@' autofocus value='" + val + "' />").keyup(function(e) {
var timeoutID = null;
clearTimeout(timeoutID);
timeoutID = setTimeout(function() {
findMember(e.target.value)
}, 500)
}).appendTo($content);
findMember(val);
function findMember(str) {
$.get("/ajax_mention.php", {
search: str,
topicID: SCE_TopicID
}).done(function(data) {
appendMentionList(data, str)
})
}
function insertMentionIntoEditor(elem, str, e) {
var elemText;
if (typeof elem === 'string') {
elemText = elem
} else {
elemText = elem.text()
}
if (str.length > 0) {
var regExp = new RegExp("\"?(" + str + ")$");
var currentEditorValue;
if (editor.inSourceMode()) {
currentEditorValue = editor.val()
} else {
currentEditorValue = editor.getWysiwygEditorValue()
}
var newText = currentEditorValue.replace(regExp, "\"" + elemText + "\" ");
updateEditorVal(newText)
} else {
var prefix = '"';
if (editor.val().substr(editor.val().length - 1) === '"') {
prefix = ''
}
editor.insertText(prefix + elemText.substr(str.length) + "\" ")
}
editor.closeDropDown(true);
e.preventDefault()
}
function appendMentionList(data, str) {
if ($('#sceditor-mention-div')) {
$('#sceditor-mention-div').remove()
}
$("<div id='sceditor-mention-div'/></div>").appendTo($content);
data = JSON.parse(data);
if (data) {
var selectedMention = "selected-mention";
for (var user in data) {
$('<p class="sceditor-mention-user"><img src="' + data[user].avatar + '" onerror="this.src=\'' + illiweb + 'fa/i/l_users3.png\';"/>' + data[user].username + '</p>').appendTo('#sceditor-mention-div');
selectedMention = ""
}
$('.sceditor-mention-user').on('click', function(e) {
insertMentionIntoEditor($(this), str, e)
})
}
}
editor.createDropDown($('.sceditor-button-mention'), "mention", $content.get(0))
}
</script>
No Versão móvel -> viewtopic_body
Re: Barra na Versão Móvel igual a da Versão Clássica
Eduardo, para mim o template foi salvo sem nenhum problema. Eu não estou entendendo ainda qual o problema está enfrentando. Apague o template e refaça os passos indicados e nos explique detalhes caso tenha dado algo de errado. Caso não seja possível explicar detalhes dos processos executados para obter o resultado que informei, a equipe de suporte do FdF poderá auxiliar a partir daqui.
Re: Barra na Versão Móvel igual a da Versão Clássica
Ótimo! Ainda bem que é funcional conforme pediu. Por gentileza, se a dúvida estiver sanada, clique no botão "Resolvido" no topo do tópico.
Re: Barra na Versão Móvel igual a da Versão Clássica
Ficou muito grande e pouco espaço para a digitação.
Gostaria de saber se teria como selecionar algumas funções que mais precisaria, como: Centralizar, Embutir Conteúdo, Inserir Link.
Acredito que essas, somadas às originais da Versão Móvel já seriam de grande utilidade para mim.
Há maneira de ser assim?
Gostaria de saber se teria como selecionar algumas funções que mais precisaria, como: Centralizar, Embutir Conteúdo, Inserir Link.
Acredito que essas, somadas às originais da Versão Móvel já seriam de grande utilidade para mim.
Há maneira de ser assim?
Re: Barra na Versão Móvel igual a da Versão Clássica
Boa noite.
Como eu expliquei em outra mensagem, o SCEditor não foi feito para versão móvel. Você pode ajustar os botões alterando o padding. Procure por:
Sobre os botões disponíveis, você pode escolher sim qual deseja exibir na resposta rápida e também na resposta completa. Para isso, localize esse trecho:
Caso queira exibir só o primeiro grupo, substitua todo o conteúdo que citei no código acima por:
Aqui tem uma lista completa com todos os botões disponíveis no SCEditor de Forumeiros:
As informações mais detalhadas estão em: https://www.sceditor.com/documentation/options/
Atenciosamente,
Shek
Como eu expliquei em outra mensagem, o SCEditor não foi feito para versão móvel. Você pode ajustar os botões alterando o padding. Procure por:
- Código:
.sceditor-button {padding:0 20px 0 0 !important;}
Sobre os botões disponíveis, você pode escolher sim qual deseja exibir na resposta rápida e também na resposta completa. Para isso, localize esse trecho:
- Código:
bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source
Caso queira exibir só o primeiro grupo, substitua todo o conteúdo que citei no código acima por:
- Código:
bold,italic,underline,strike
Aqui tem uma lista completa com todos os botões disponíveis no SCEditor de Forumeiros:
- Código:
bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,embed,youtube|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source
As informações mais detalhadas estão em: https://www.sceditor.com/documentation/options/
Atenciosamente,
Shek
Re: Barra na Versão Móvel igual a da Versão Clássica
- Código:
bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,embed,youtube|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source
Esse código pode ser editado para que apareça somente os botões que apresentei acima? Por exemplo
bold,italic,underline,strike + Centralizar, Embutir Conteúdo, Inserir Link.
Re: Barra na Versão Móvel igual a da Versão Clássica
Oi Eduardo.
Eu já expliquei tudo bem detalhado na mensagem anterior justamente para que você pudesse fazê-lo como desejar, e até a documentação oficial do SCEditor eu coloquei na mensagem para não ficar dúvidas. Não entendo o motivo da sua pergunta, sendo que já foi explicado.
Por gentileza, se houver alguma dúvida que não foi explicada, queira deixar detalhes.
Atenciosamente,
Shek
Eu já expliquei tudo bem detalhado na mensagem anterior justamente para que você pudesse fazê-lo como desejar, e até a documentação oficial do SCEditor eu coloquei na mensagem para não ficar dúvidas. Não entendo o motivo da sua pergunta, sendo que já foi explicado.
Por gentileza, se houver alguma dúvida que não foi explicada, queira deixar detalhes.
Atenciosamente,
Shek
Re: Barra na Versão Móvel igual a da Versão Clássica
Consegui! Muito obrigado por toda a ajuda! Abraço.
Re: Barra na Versão Móvel igual a da Versão Clássica
Tópico resolvidoMovido para "Questões resolvidas". |
Tópicos semelhantes
» Versão movel e classica
» Desordem na versão móvel
» Nova atualização: Novo design do Painel de Controle + Anúncios Classificados na versão móvel + Banner móvel
» [Mobile] Preso na versão clássica.
» Visibilidade dos tópicos na versão móvel
» Desordem na versão móvel
» Nova atualização: Novo design do Painel de Controle + Anúncios Classificados na versão móvel + Banner móvel
» [Mobile] Preso na versão clássica.
» Visibilidade dos tópicos na versão móvel
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos