Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Сентябрь 24th 2024, 05:54
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» [решено]Редактирвоание темы
автор лексей2222 Сентябрь 23rd 2024, 17:37
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11
Подсветка синтаксиса в коде.
Страница 1 из 1
Подсветка синтаксиса в коде.
автор Феникс Ноябрь 10th 2016, 08:53
Найдите в шаблоне overall_header строчки :
И добавьте ниже следующий код:
Результат :
Как видите, при клике на иконку в правом верхнем углу контейнера кода, он копируется в буфер обмена.
Обновлён 27.01.2021
- Код:
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
И добавьте ниже следующий код:
- Код:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css">
<style>
dl.codebox:not(.spoiler) dt {
display: none;
}
dl.codebox:not(.spoiler) dd {
border: 0 none;
background: #f8f8f8;
position: relative;
max-height: 100%;
}
.clipboard {
display: block;
color: #333;
position: absolute;
right: 4px;
top: 4px;
background: url(http://i.imgur.com/o9NOYtH.png) no-repeat center center #eee;
border: 1px solid #D5D5D5;
width: 30px;
height: 30px;
text-align: center;
border-radius: 3px;
transition: opacity 0.3s ease-in-out 0s;
opacity: 0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-appearance:none;
cursor: pointer;
}
.clipboard.check-circle {
background-image: url(http://i.imgur.com/CBEkyLH.png);
}
.clipboard.exclamation-triangle {
background-image: url(http://i.imgur.com/QQkE9Wj.png);
}
dl.codebox:not(.spoiler) dd:hover .clipboard {
opacity: 1;
}
.clipboard:hover {
background-color:#ddd;
border-color:#ccc;
}
.hljs {
background: #f8f8f8;
}
dl.codebox:not(.spoiler) code,
.codebox:not(.spoiler) dd.cont_code {
max-height: 100%;
margin: 0;
}
.codebox:not(.spoiler) {
background-color: transparent;
border: 0 none;
margin: 0;
}
</style>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>
/* Zzhljs */
jQuery(function($){
var $code = $("code");
if ($code.length) {
hljs.configure({
useBR: true
});
$code.each(function (i, block) {
hljs.highlightBlock(block);
});
function fallbackMessage(action) {
var actionMsg = '';
var actionKey = (action === 'cut' ? 'X' : 'C');
if (/iPhone|iPad/i.test(navigator.userAgent)) {
actionMsg = 'No support!';
} else if (/Mac/i.test(navigator.userAgent)) {
actionMsg = 'Press ⌘-' + actionKey + ' to ' + action;
} else {
actionMsg = 'Press Ctrl-' + actionKey + ' to ' + action;
}
return actionMsg;
}
function afterClipboard(ele) {
setTimeout(function(){
ele.className = 'clipboard clipboard';
}, 400);
}
var snippets = document.querySelectorAll('.codebox:not(.spoiler) > dd');
[].forEach.call(snippets, function (snippet) {
snippet.firstChild.insertAdjacentHTML('beforebegin', '<i class="clipboard clipboard" data-clipboard></i>');
});
var clipboardSnippets = new Clipboard('[data-clipboard]', {
target: function (trigger) {
return trigger.nextElementSibling;
}
});
clipboardSnippets.on('success', function (e) {
e.clearSelection();
e.trigger.className = 'clipboard check-circle';
afterClipboard(e.trigger);
});
clipboardSnippets.on('error', function (e) {
e.trigger.className = 'clipboard exclamation-triangle';
afterClipboard(e.trigger);
alert(fallbackMessage(e.action));
});
}
});
</script>
Результат :
Как видите, при клике на иконку в правом верхнем углу контейнера кода, он копируется в буфер обмена.
Обновлён 27.01.2021
Последний раз редактировалось: Феникс (Январь 27th 2021, 14:32), всего редактировалось 2 раз(а)
Феникс- Помощник
-
Сообщения : 1075
Возраст : 52
Регистрация : 2015-10-29
Благодарности : 253
-
Параметр Syntax Highlighter (подсветка синтаксиса)
автор Феникс Ноябрь 10th 2016, 09:03
Ещё одна подсветка.
В основные скрипты с расположением в темах. Но у меня был подгрузкой в виджете с тестовика.
Результат несколько другой :
В основные скрипты с расположением в темах. Но у меня был подгрузкой в виджете с тестовика.
- Код:
jQuery(function () {
var sCSS = '<style>' +
'/***' +
'* Синтаксис маркера возможности для Forumotion!' +
'* В CSS: .сайта codebox ДД.cont_code' +
'* (с) http://balupton.github.io' +
'* Версия: 1.28082013-св1.9.1' +
'* Сделано в jscript - 2013/12/16' +
'*/' +
'code.punbb_block, pre.punbb_block {' +
' background-color: #FAFAFA !important;' +
' border: 1px solid #C9C9C9 !important;' +
' color: #000000;' +
' font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
' font-size: 11px !important;' +
' line-height: 100% !important;' +
' max-height: 100px !important;' +
' overflow: auto !important;' +
' padding: 5px !important;' +
' white-space: pre-wrap !important;' +
' width: 90% !important;' +
'}' +
'.punbbtop {' +
' background-color: #FFDEAD !important;' +
' color: #1D3652;' +
' font-size: 10px;' +
' font-weight: bold;' +
' line-height: 110%;' +
' margin-top: 5px;' +
' padding: 2px 1px 2px 3px;' +
' width: 91% !important;' +
'}' +
'.punbbtop button {' +
' background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
' border: 1px solid #BBBBBB;' +
' border-radius: 3px 3px 3px 3px;' +
' color: #1D3652;' +
' cursor: pointer;' +
' display: inline-block;' +
' font-size: 10px;' +
' padding: 0 6px;' +
' text-decoration: none;' +
'}' +
'.punbbtop button:hover {' +
' background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
' border-color: #9A9A9A;' +
' color: #3D70A3;' +
'}' +
'.punbbtop button:active {' +
' position: relative;' +
' top: 1px;' +
'}' +
'pre.punbb_block.expand, code.punbb_block.expand {' +
' max-height: 100% !important;' +
'}' +
'.prettyprint ol.linenums {' +
' padding-left: 15px !important;' +
'}' +
'</style>';
jQuery(sCSS).insertBefore('#page-body');
if (jQuery('.cont_code').length) {
var tagCode = jQuery('.cont_code');
} else {
if (jQuery('.cont_code').length) {
var tagCode = jQuery('.code');
} else {
var tagCode = jQuery('code');
}
}
tagCode.each(function () {
var sContent = jQuery(this).html();
var codebox = jQuery(this).parent().parent();
codebox.before('<div class="punbbtop">Код; <button onclick="punbbExpand(this); return false;">Развернуть</button><button style="display: none" onclick="punbbCollapse(this); return false;">Свернуть</button> <button onclick="punbbSelect(this); return false;">Выбрать</button> <button onclick="punbbPopup(this); return false;">Всплывающее окно</button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
codebox.remove();
});
jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
jQuery.SyntaxHighlighter.init({
'wrapLines': false
})
})
});
function punbbExpand(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).next().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).prev().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
var content = jQuery(oThis).parent().next('pre.punbb_block').html();
var my_window = window.open("","PunBB_Code","scrollbars=1,toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=350");
my_window.document.write('<pre>'+content+'</pre>');
}
function punbbSelect(oThis) {
var doc = document;
var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
if (doc.body.createTextRange) {
var range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
Результат несколько другой :
Феникс- Помощник
-
Сообщения : 1075
Возраст : 52
Регистрация : 2015-10-29
Благодарности : 253
-
Похожие темыСтраница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
