>
>
>
>
>
>
add_comment_form.php~
<?php /** * Форма для добавления комментария * Содержимое этой же формы потом вставляется в дерево комментариев для комментирования * записи. Менять классы с префикосм jq- ЗАПРЕЩЕНО! */ ?> <!-- новый JavaScript код --> <script type="text/javascript"> $(function() { var Editor = { editor: document.getElementById("message"), $editor: $('#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(){ // var txtarea = document.getElementById("message"); // var start = txtarea.selectionStart; // var finish = txtarea.selectionEnd; // var sel = txtarea.value.substring(start, finish); // // if (sel.length > 0) { // return sel; // } 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', '.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); }); /** * Вставка изображения в редактор. */ $('.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); }); /** * Вставка ссылки. */ $('.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 + '][/url]'; var moveCaret = '[url='.length + result.length + 1; Editor.insertText(preparedText, moveCaret); }); /** * Вставка email */ $('.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 */ $('.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); }); /** * Вставка цитаты */ $('.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); }); /** * Нажатие на смайл */ $('.smiles-block a').on('click', function(e) { e.preventDefault(); Editor.insertText('*0' + $(this).attr('rel') + '*'); }); }); </script> <!-- // --> <!-- новый CSS код для редактора на форуме --> <style type="text/css"> .forum-message-form { width: 100%; } .forum-message-form .message-toolbar { background: #f5f5f5; border-bottom: 1px solid #C2C2C2; } .forum-message-form .message-toolbar ul { list-style: none; } .forum-message-form .message-toolbar ul li { display: inline-block; } .forum-message-form .message-toolbar ul li .x-toolbar-button { background: transparent; transition: 0.5s; line-height: 35px; } .forum-message-form .message-toolbar ul li:first-child .x-toolbar-button { line-height: 30px; } .forum-message-form .message-toolbar ul li .x-toolbar-button:hover { transition: 0.2s; background: #d4d4d4; } .forum-message-form .forum-message-container textarea { width: 100%; height: <?php if (isset($operation) && $operation == 'Изменить') { echo "470px"; } else {echo '170px'; } ?>; border: 0; outline: none; } .forum-message-form .editor-container { border: 1px solid #C2C2C2; } .editor-container-orange { border: 1px solid orange !important; } .message-toolbar li { margin:0 !important;; } .forum-additional-params { line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: right; } .forum-additional-params li { vertical-align: middle; margin-right: 10px; font-size: 14px; } input[name=new_temab] { padding: 5px 20px; } .smiles-block { width: 450px; } @media screen and (max-width: 1370px) { .forum-message-form { width: 100%; } } @media screen and (max-width: 1250px) { .forum-message-form .message-toolbar ul li .x-toolbar-button { font-size: 14px; padding: 0 7px; } } @media screen and (max-width: 1000px){ .forum-message-form .message-toolbar ul li .x-toolbar-button { font-size: 14px; padding: 0 7px; } .forum-additional-params { text-align: left; margin-left: 10px; } } </style> <?php if (App::$user->isGuest() == false) { ?> <div class="entity-view-comment-field jq-entity-comment-form-container"> <div class="jq-answer-nick"></div> <!-- // --> <form action="#" method="post" name="save_post" enctype="multipart/form-data" id="message_form" class="jq-entity-comment-form jq-forum-comment-form uk-form forum-message-form uk-margin-small-top"> <div class="editor-container"> <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]"> <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]"> <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]"> <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]"> <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"> <i class="fa fa-file-image-o" aria-hidden="true"></i> </a> </li><li> <a href="#" class="uk-button x-toolbar-button insert-link"> <i class="fa fa-link" aria-hidden="true"></i> </a> </li><!--<li> <a href="#" class="uk-button x-toolbar-button insert-email"> <i class="fa fa-at" aria-hidden="true"></i> </a> </li>--><li> <a href="#" class="uk-button x-toolbar-button insert-quote"> <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="message"></textarea> </div> </div> </div> </div> <div class="uk-form-row" style="margin-top: 20px"> <button class="entity-view-comment-add-btn-box" type="submit">Комментировать</button> </div> <input type="hidden" name="id" value="<?=$id;?>"> <input type="hidden" name="scenario" value="add"> <input type="hidden" name="comment_id" value=""> <input type="hidden" name="entity" value="<?=$entity;?>"> <input type="hidden" name="parentId" value="0"> </form> </div> <script type="text/javascript" src="/js/2.0/comments/Comment.js?400"></script> <?php } else { ?> <div class="entity-comments-need-auth"> <a href="#auth-modal" data-uk-modal class="action">Авторизуйтесь,</a> чтобы оставить комментарий. </div> <?php } ?>
/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
..
