Kirill

Отдельно буквы в input красить нельзя, насколько я знаю. Скорее всего вашим решением будет создать div с атрибутом contenteditable="true".

Ограничение на необходимые символы:
- Создать массив с необходимыми буквами и проверять на совпадение, например, через indexOf после события keyup, keydown или keypress на div'е.
- Либо после ввода проверять регулярным выражением

После проверки оборачиваете букву в span class="red", например, которому прописан цвет текста

if( randomBoolean == randomBooleanItemOne && randomBoolean == threeRandomItem )
{
    this.returnItemBoolian();
}

В CSS нет родительских селекторов. Решение возможно через .parentNode JavaScript

'use strict';
document.addEventListener('DOMContentLoaded', () => {

    let checkbox = document.querySelector('label[for="aux_prem"]');

    checkbox.addEventListener('click', function()
    {
    	let parent = this.parentNode;
    	
    	( !parent.classList.contains('selected') ) ?
    			parent.classList.add('selected'):
    			parent.classList.remove('selected');
    });

});

Очевидно, на входе сам текст заголовка.

<?php
    $str = "Привет, я | Новая строка";
    $parts = explode("|", $str);

    echo "{$parts[0]}<br>{$parts[1]}";
?>

https://codepen.io/anon/pen/PrNVxe

Emmet

Ну или так
UPD:

let str = req.body.url;

if( str.slice(-1) == '/' )
{
    req.body.url = str.substring(0, str.length - 1);
}

Вероятно, так?

<?php if(hkb_show_knowledgebase_breadcrumbs()): ?>
<!-- .hkb-breadcrumbs -->
<?php $breadcrumbs_paths = ht_kb_get_ancestors(); ?>
    <?php foreach ($breadcrumbs_paths as $index => $paths): ?>
        <ol class="hkb-breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
            <?php $last_item_index = count($paths)-1; ?>
            <?php foreach ($paths as $key => $component): ?>

                <?php if( $component['label'] == 'Помощь' ) continue; ?>

                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                    <a itemprop="item" href="<?php echo $component['link']; ?>" title="<?php echo $component['title']; ?>">
                        <span itemprop="name"><?php echo $component['label']; ?></span>
                    </a>
                    <meta itemprop="position" content="<?php echo $key+1; ?>" />
                </li>               
            <?php endforeach; ?>
        </ol>
    <?php endforeach; ?>
<!-- /.hkb-breadcrumbs -->
<?php endif; ?>

Если не использовать стандартные методы owlCarousel, можно вручную посчитать количество элементов слайдера и вывести в счетчик

В вашем случае:
UPD:

$('.curr').text( 1 );
$('.all').text( $('.owl-item').length );

https://codepen.io/Speik/pen/wLwrQe

document.addEventListener('DOMContentLoaded', function() {
    var Left = document.getElementById('arrowLeft'),
    Right = document.getElementById('arrowRight'),
    sliderLine = document.getElementById('sliderLine'),
    sliderItem = document.getElementsByClassName('sliderItem')[0],
    left = 0;

    function arrowLeft(){
        console.log(sliderItem);
        widthSliderItem = sliderItem.offsetWidth;
        left = left - widthSliderItem;
        if(left >= -2*widthSliderItem){
            sliderLine.style.left =  left + 'px';
        }else{
            sliderLine.style.left = 0 + 'px';
            left = 0;
        }
    }
    function arrowRight(){
        left = left + 950;
        if(left <= 0){        
            sliderLine.style.left = left + 'px';
        }else{
            left = 0;
        }
    }
});

Так?

https://codepen.io/anon/pen/wbbNLY

Можно просто вывести блок для нужного пользователя. Если логин не "Админ", блока не будет на странице вовсе

if( $USER->GetLogin() == "admin" )
{
?>
    <div class="admin">
        ...
    </div>
<?php
}