>
>
>
>
>
>
texteditor.php
<?php /** * Визуальный виджет для формы комментариев */ $editorCssClass = 'editor-' . mt_rand(0, 9999) . '-' . mt_rand(1, 99999) . '-' . mt_rand(0, 2222); ?> <!-- новый JavaScript код --> <script type="text/javascript"> $(function() { var Editor = { editor: document.getElementById("<?=$editorCssClass;?>-message"), $editor: $("#<?=$editorCssClass;?>-message"), /** * Функция возвращает позицию курсора в нашем редакторе. */ getCaretPosition: function() { if ('selectionStart' in this.editor) { return this.editor.selectionStart; } if ('selection' in document) { this.editor.focus(); var Sel = document.selection.createRange(); var SelLength = document.selection.createRange().text.length; Sel.moveStart('character', -el.value.length); return Sel.text.length - SelLength; } return this.editor.length; }, setCaretPosition: function(position) { function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); } } setSelectionRange(this.editor, position, position); }, /** * Функция вставляет текст в наш редактор. * @param text - сам текст * @param moveCaret - на сколько пунктов перенести каретку (курсор) после вставки. */ insertText: function(text, moveCaret) { var caretPosition = this.getCaretPosition(); var textBefore = this.$editor.val().substring(0, caretPosition); var textAfter = this.$editor.val().substring(caretPosition, this.$editor.val().length); this.$editor.val(textBefore + text + textAfter); this.$editor.focus(); if (moveCaret > 0) { this.setCaretPosition(caretPosition + moveCaret); } else { this.setCaretPosition(caretPosition + text.length); } } }; function getSelectedText(){ if (window.getSelection){ return window.getSelection().toString(); }else if (document.getSelection){ return document.getSelection(); }else if (document.selection){ return document.selection.createRange().text; } } /** * Код для вставки BB кодов */ $(document).on('click', '.<?=$editorCssClass;?> .insert-bb-code', 'click', function(e) { e.preventDefault(); e.stopPropagation(); var $scope = $(this); var bbCodeStart = $scope.data('bbcode-start'); var bbCodeEnd = $scope.data('bbcode-end'); var textArea = Editor.$editor; var len = textArea.val().length; var start = textArea[0].selectionStart; var end = textArea[0].selectionEnd; var selectedText = textArea.val().substring(start, end); if (selectedText == '') { selectedText = getSelectedText(); } var replacement = bbCodeStart + selectedText + bbCodeEnd; var caretPosition = Editor.getCaretPosition(); textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len)); Editor.setCaretPosition(caretPosition + (bbCodeStart + selectedText).length); }); /** * Вставка изображения в редактор. */ $('.<?=$editorCssClass;?> .insert-image').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var $scope = $(this); var result = prompt("Ссылка на изображение", ""); if (result === null || result.length == 0) { return false; } var preparedText = '[img]' + result + '[/img]'; Editor.insertText(preparedText, preparedText.length); }); /** * Вставка ссылки. */ $('.<?=$editorCssClass;?> .insert-link').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var $scope = $(this); var result = prompt("Введите URL", ""); if (result === null || result.length == 0) { return false; } var preparedText = '[url=' + result + ']'+ getSelectedText() + '[/url]'; var moveCaret = ('[url='.length) + result.length + 1 + getSelectedText().length; Editor.insertText(preparedText, moveCaret); }); /** * Вставка email */ $('.<?=$editorCssClass;?> .insert-email').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var result = prompt("Введите Email", ""); if (result === null || result.length == 0) { return false; } var preparedText = '[email]' + result + '[/email]'; Editor.insertText(preparedText, preparedText.length); }); /** * Вставка ссылки на Youtube */ $('.<?=$editorCssClass;?> .insert-youtube').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var result = prompt("Просто вставьте ссылку с Youtube, к примеру: https://youtube.com/watch?v=XXXXXXXX", ""); if (result === null || result.length == 0) { return false; } Editor.insertText(result, 0); }); /** * Вставка цитаты */ $('.<?=$editorCssClass;?> .insert-quote').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var textArea = Editor.$editor; var len = textArea.val().length; var start = textArea[0].selectionStart; var end = textArea[0].selectionEnd; var selectedText = textArea.val().substring(start, end); if (selectedText == '') { selectedText = getSelectedText(); } var preparedText = '[quote]' + selectedText + '[/quote]'; var moveCaret = '[quote]'.length; if (selectedText !== null && selectedText.length > 0) { moveCaret += selectedText.length; } Editor.insertText(preparedText, moveCaret); }); /** * Нажатие на смайл */ $('.<?=$editorCssClass;?> .smiles-block a').on('click', function(e) { e.preventDefault(); Editor.insertText('*0' + $(this).attr('rel') + '*'); }); }); </script> <!-- // --> <!-- новый CSS код для редактора на форуме --> <style type="text/css"> .editor-container { width: 100%; border: 1px solid #C2C2C2; } .editor-container .message-toolbar { background: #f5f5f5; border-bottom: 1px solid #C2C2C2; } .editor-container .message-toolbar ul { list-style: none; } .editor-container .message-toolbar ul li { display: inline-block; } .editor-container .message-toolbar ul li .x-toolbar-button { background: transparent; transition: 0.5s; line-height: 35px; } .editor-container .message-toolbar ul li:first-child .x-toolbar-button { line-height: 30px; } .editor-container .message-toolbar ul li .x-toolbar-button:hover { transition: 0.2s; background: #d4d4d4; } .editor-container .forum-message-container textarea { width: 100%; height: <?php if (isset($operation) && $operation == 'Изменить') { echo "470px"; } else {echo '170px'; } ?>; border: 0; outline: none; } .editor-container .message-toolbar li { margin:0 !important;; } .editor-container .smiles-block { width: 450px; } @media screen and (max-width: 1250px) { .editor-container .message-toolbar ul li .x-toolbar-button { font-size: 14px; padding: 0 7px; } } </style> <div class="editor-container <?=$editorCssClass;?>"> <div class="uk-form-row"> <div class="uk-form-controls"> <div class="message-toolbar"> <div class="uk-grid"> <div class="uk-width-large-5-5 uk-width-medium-1-1 uk-width-small-1-1"> <ul> <li> <div class="uk-button-dropdown" data-uk-dropdown="{mode: 'click'}"> <a class="uk-button x-toolbar-button" href="#"> <img src="/library/images/smile/anim/2.gif"> </a> <div class="uk-dropdown smiles-block uk-dropdown-close"> <?php for ( $i = 1; $i < 36; $i++ ) { ?> <a class="smile" href="javascript:void(0);" rel="anim/<?php echo $i; ?>"><img src="/library/images/smile/anim/<?php echo $i; ?>.gif" border="0" /></a> <?php } ?> <?php for ( $i = 36; $i < 65; $i++ ) { ?> <a class="smile" href="javascript:void(0);" rel="anim/<?php echo $i; ?>"><img src="/library/images/smile/anim/<?php echo $i; ?>.gif" border="0" /></a> <?php } ?> <?php for ( $i = 1; $i < 14; $i++ ) { ?> <a class="smile" href="javascript:void(0);" rel="linx/<?php echo $i; ?>"><img src="/library/images/smile/linx/<?php echo $i; ?>.gif" border="0" /></a> <?php } ?> </div> </div> </li><li> <a href="#" class="uk-button insert-bb-code x-toolbar-button" data-bbcode-start="[b]" data-bbcode-end="[/b]" title="Жирний текст"> <i class="fa fa-bold" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button insert-bb-code x-toolbar-button" data-bbcode-start="[i]" data-bbcode-end="[/i]" title="Курсив"> <i class="fa fa-italic" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button insert-bb-code x-toolbar-button" data-bbcode-start="[s]" data-bbcode-end="[/s]" title="Перечеркнутый текст"> <i class="fa fa-strikethrough" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button insert-bb-code x-toolbar-button" data-bbcode-start="[u]" data-bbcode-end="[/u]" title="Подчеркнутый текст"> <i class="fa fa-underline" aria-hidden="true"></i> </a> </li> <li class="toolbar-spacer"></li> <li> <a href="#" class="uk-button x-toolbar-button insert-image" title="Вставить изображение"> <i class="fa fa-file-image-o" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button x-toolbar-button insert-link" title="Вставить ссылку"> <i class="fa fa-link" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button x-toolbar-button insert-quote" title="Цитировать выделенный текст"> <i class="fa fa-reply" aria-hidden="true"></i> </a> </li> <li> <a href="#" class="uk-button x-toolbar-button insert-youtube" title="Видео с Youtube"> <i class="fa fa-youtube-square" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="uk-form-row uk-margin-remove"> <div class="uk-form-controls"> <div class="forum-message-container"> <textarea name="message" placeholder="<?if (App::$user->isGuest() == false) { echo "Сообщение от " . App::$user->getUserLogin() . "..."; } ?>" id="<?=$editorCssClass;?>-message"></textarea> </div> </div> </div> </div>
/template/2.0/comments/
..
2026-05-25
add_comment_form.php
2021-09-02
17 .
add_comment_form.php~
2018-07-06
17 .
texteditor.php
2018-07-11
14 .
/template/2.0/comments
1
2
3
..
