WordPress.org

Forums

SyntaxHighlighter Evolved
Missing CSS tags and prop + gap in FF + no toolbar (7 posts)

  1. Ivan Gabriele
    Member
    Posted 1 year ago #

    Hi Alex !

    First thanks for this amazing plugin :)

    Here is a capture : http://postimg.org/image/za5241u9f/ and the article on my blog : http://www.ivangabriele.com/css-reset/

    I'm using WordPress 3.7.1 and SHE 3.1.7 :

    1. In Firefox 25.0.1 : there is a gap, the first line (1) is empty and the last line is not formatted (no line number).
    2. In CSS, some tags are not colored : h1...h6, pre, code, small, center, caption, embed
    3. In CSS, a property is not colored : resize
    4. When I activate the toolbar, it only shows the question mark (about), in all browsers.

    ^^

    http://wordpress.org/plugins/syntaxhighlighter/

  2. Ivan Gabriele
    Member
    Posted 1 year ago #

    I add here that when I choose the version 2.X in SH settings, I have no gap and the toolbar almost works. The second button (copy) doesn't show up. It happens in all browsers :

    http://postimg.org/image/s40t7fekt/

  3. Manoz69
    Member
    Posted 1 year ago #

    Personally, I added the missing tags in shBrushCss.js file and it makes pretty good. The problem is prefix and @keyframes. I tryed to add -webkit- and/or webkit but it don't work.

    Here is a screenshot of my theme and my "missing tags" problem : http://i.imgur.com/jSJ1Bjw.png

  4. Manoz69
    Member
    Posted 1 year ago #

    Sorry for double post but here is my test with all tags/values I added for the css: http://www.mwanoz.fr/wordpress-syntax-highlighter-theme-spacegray/.

    I still don't know how to add selectors like headings or pre, sub, table, etc...

  5. bjorn2404
    Member
    Posted 1 year ago #

    I'm also seeing a gap in a test site that is using Bootstrap in Firefox. It seems to be coming from the vertical-align: baseline in my case on the td.code. Not sure how I'm going to go about overriding that at this point since everything has an !important on it.

  6. bjorn2404
    Member
    Posted 1 year ago #

    Ah, in my case it's because the plugin uses the .container class, which is of course one of the main structure classes in Bootstrap. Adding the following to my CSS worked for me in Firefox:

    table td.code .container:before{ display: block; }

  7. Manoz69
    Member
    Posted 1 year ago #

    Thx Bjorn :) You should make a pull request to change the class ^^

    I made 2 pull requests on Github on Syntax Highlighter and Syntax Highlighter Evolved to add the missing tags. For selectors like "pre", the "headings" etc ... we must change the core of the plugin but I have no idea how to do :/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.