Отключить все встроенные стили Joomla 3.0

Мне нужно отключить все встроенные стили Joomla для всего.

Мой запрос не касается текстового редактора. Я вообще не использую встроенные стили в большинстве сценариев.

Это действительно сдерживает меня, особенно в текущем проекте с пользовательским шаблоном.

Любые решения? или плагины? (я искал)


person frontsideup    schedule 28.08.2013    source источник
comment
Может быть, добавить код jquery в основной шаблон?   -  person Shaz    schedule 28.08.2013
comment
Я знаю, что могу сделать это, а также переопределить [стиль] через css. Но я бы предпочел более чистое решение.   -  person frontsideup    schedule 28.08.2013
comment
Где вы видите встроенный стиль? Я думал, что ядро ​​Joomla 3.1 не имеет встроенных стилей.   -  person Craig    schedule 29.08.2013
comment
Я создал шаблоны без стилей. Макет плавный, и все подходит для экрана и изменения размера. Затем я заполнил сайт контентом (текст и изображения). И заголовки заголовков и другие части, внешние по отношению к содержанию статьи, похоже, имеют встроенный стиль. И это кошмар с текстовыми редакторами. Поэтому мне нужно решение для бэкэнда/cms, JS его не урежет.   -  person frontsideup    schedule 29.08.2013


Ответы (2)


Имейте в виду, что это удалит встроенные атрибуты «стиля» из всех элементов:

<script type="text/javascript">
(function($){
    $(document).ready(function(){
       $(this).find("*").removeAttr("style");
    });
})(jQuery);
</script>

Чтобы быть абсолютно эффективным, поместите его непосредственно перед тегом </body> на тот случай, если у вас могут быть другие сценарии jQuery, добавляющие css («что-то») к элементам.

person McRui    schedule 28.08.2013

Вот простой плагин, который вы можете запустить и использовать, чтобы узнать, какие элементы содержат какие свойства, например класс, стиль, заголовок, ширину и т. д. Fiddle at http://jsfiddle.net/SyFum/2/

<script type="text/javascript">
    (function ($) {
        $( document ).ready( function () {

            /**
             * Highlight all elements that contain an attribute
             * @param attributeToSearch string The attribute to be found
             * @returns {*} The elements, containing the attribute, bordered
             */
            $.fn.StyleHighlighter = function (attributeToSearch) {
                // set the defaults
                var defaults = {
                    attributeToSearch : "style"
                };

                $( this ).find( "*" ).each( function () {

                    if ($( this ).attr( attributeToSearch ))
                    {
                        $( this ).css( "border", "1px dashed #ff0000" );
                    }
                } );
                return this;
            };

            // Usage (style, class, title, whatever)
            $( this ).StyleHighlighter( "style" );
        } );
    })( jQuery );
    </script>
person McRui    schedule 28.08.2013