css - 禁用所有 Joomla 3.0 内联样式

Question

我需要为所有内容禁用所有 joomla 内联样式。

我的查询与文本编辑器无关。在大多数情况下，我对内联样式完全没有用处。

尤其是在当前使用自定义模板的项目中，它确实让我望而却步。

有什么解决办法吗？或插件？（我已经搜索过）

Answer 1

这是一个简单的插件，您可以运行并使用它来查找哪些元素包含哪些属性，例如类、样式、标题、宽度等。小提琴位于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>

Answer 2

请注意，这将从所有元素中删除内联“样式”属性：

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

为了绝对有效，请将其放在</body>标签之前，以防万一您可能有任何其他 jQuery 脚本将 css("something") 添加到元素中。